import { TextArea } from "mattrixwv-components";


export default function InputMessage({
	value,
	onChange
}:{
	value: string;
	onChange: (value: string) => void;
}){
	return (
		<div
			className="w-160"
		>
			<TextArea
				placeholder="Input Message"
				value={value}
				onChange={(e) => onChange(e.target.value)}
				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>
	);
}