'use client';

interface TextInputProps {
  value: string;
  onChange: (value: string) => void;
}

export default function TextInput({ value, onChange }: TextInputProps): React.ReactElement {
  return (
    <div className="space-y-2">
      <label className="text-sm font-medium text-gray-700">Paste your content</label>
      <textarea
        value={value}
        onChange={(e) => onChange(e.target.value)}
        placeholder="Paste an article, notes, or any text you want to turn into a carousel..."
        className="w-full h-48 px-4 py-3 border border-gray-300 rounded-lg text-sm resize-none focus:outline-none focus:ring-2 focus:ring-blue-500"
      />
      <p className="text-xs text-gray-400">{value.length} characters</p>
    </div>
  );
}