'use client'

import { Input } from '../ui/input'

interface SubjectInputProps {
  value: string
  onChange: (value: string) => void
  placeholder?: string
}

export function SubjectInput({
  value,
  onChange,
  placeholder = 'Subject line...',
}: SubjectInputProps) {
  return (
    <Input
      id="subject"
      value={value}
      onChange={(e) => onChange(e.target.value)}
      placeholder={placeholder}
      className="border-0 shadow-none focus-visible:ring-0 text-lg font-medium px-0 h-auto py-0"
    />
  )
}