interface TextAreaFieldProps {
  id: string;
  name: string;
  placeholder?: string;
  required?: boolean;
  rows?: number;
  value?: string;
}

export function TextAreaField({
  id,
  name,
  placeholder,
  required = false,
  rows = 4,
  value,
}: TextAreaFieldProps) {
  return (
    <textarea
      id={id}
      name={name}
      rows={rows}
      required={required}
      placeholder={placeholder}
      value={value}
      class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
    >
    </textarea>
  );
}