import { Label } from '@/components/ui/label';
import { Textarea } from '@/components/ui/textarea';

interface EmailTemplateSectionProps {
  emailTemplate: string;
  onEmailTemplateChange: (template: string) => void;
}

export function EmailTemplateSection({
  emailTemplate,
  onEmailTemplateChange
}: EmailTemplateSectionProps) {
  return (
    <div className="space-y-2">
      <Label htmlFor="email-template">Email Template Message</Label>
      <Textarea
        id="email-template"
        rows={5}
        value={emailTemplate}
        onChange={(e) => onEmailTemplateChange(e.target.value)}
        className="resize-none"
        placeholder="Enter email template message..."
      />
      <p className="text-xs text-muted-foreground">
        Use placeholders: [Name], [Request ID], [TAT], [Status]
      </p>
    </div>
  );
}

