import TextField from "@mui/material/TextField";
import { InputProps } from "./TextInputElement";

export function EmailInputElement(props: React.PropsWithChildren<InputProps>) {
  return (
    <TextField
      label="Email"
      name={props.name}
      type="email"
      autoComplete="email"
      disabled={props.disabled}
      helperText={props.helperText}
      variant="outlined"
      error={props.error}
      className="w-full text-xs"
      onChange={props.onChange}
      onBlur={props.onBlur}
      placeholder="joe@graphqlanalyzer.com"
      required
      fullWidth
      id={props.id}
    />
  );
}
