import { TextArea } from "mattrixwv-components";

export default function KeywordArea({
	value,
	onChange
}:{
	value: string;
	onChange: (value: string) => void;
}){
	return (
		<div
			className="w-160"
		>
			<TextArea
				placeholder="Keyword"
				value={value}
				onChange={onChange}
				inputClassName="h-40 w-160 [resize:none]"
				labelClassName="bg-(--bg-color) text-(--text-color) peer-focus:bg-(--bg-color) peer-focus:text-(--text-color)"
			/>
		</div>
	);
}