import { useTranslation } from 'react-i18next';
import { useModeForm } from '../hooks/useModeForm';

export default function PhoneMode() {
  const { t } = useTranslation();
  const { formData, update } = useModeForm('phone');

  return (
    <input
      type="tel"
      placeholder={t('phone.placeholder')}
      value={formData.number || ''}
      onChange={(e) => update('number', e.target.value)}
      className="w-full h-full px-4 text-sm bg-transparent outline-none placeholder-gray-400 dark:placeholder-gray-600 focus:ring-2 focus:ring-blue-500/30"
    />
  );
}