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

export function PasswordInputElement(
  props: React.PropsWithChildren<InputProps>,
) {
  return (
    <TextField
      label={props.isConfirm ? "Confirm Password" : "Password"}
      name={props.name}
      type="password"
      autoComplete="password"
      disabled={props.disabled}
      helperText={props.helperText}
      variant="outlined"
      error={props.error}
      onChange={props.onChange}
      onBlur={props.onBlur}
      className="text-xs"
      required
      fullWidth
      id={props.id}
    />
  );
}
