components/PromptInput.jsx

export default function PromptInput({ value, onChange, disabled }) {
  return (
    <div className="bg-white rounded-xl shadow-md p-6">
      <label className="block text-sm font-semibold text-slate-700 mb-2">
        ✨ Your Prompt
      </label>
      <textarea
        value={value}
        onChange={(e) => onChange(e.target.value)}
        disabled={disabled}
        placeholder="Describe the image you want to create..."
        rows={4}
        className="w-full px-4 py-3 border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent resize-none disabled:bg-slate-50 disabled:text-slate-500"
      />
    </div>
  );
}