import { Input } from '../../reusable/Input';

export function EmailField({
  label,
  required,
  value,
  onChange,
}: {
  label: string;
  required?: boolean;
  value: string;
  onChange: (val: string) => void;
}) {
  return (
    <Input
      label={label}
      required={required}
      type="email"
      value={value ?? ''}
      onChange={(e) => onChange(e.target.value)}
    />
  );
}