38 lines
764 B
TypeScript
38 lines
764 B
TypeScript
import { FC } from "react";
|
|
import { TextField as InternalTextField } from "@mui/material";
|
|
|
|
type TextFieldProps = {
|
|
name: string;
|
|
label: string;
|
|
formState: Record<string, any>;
|
|
required?: boolean;
|
|
lines?: number;
|
|
helperText?: string;
|
|
};
|
|
|
|
export const TextField: FC<TextFieldProps> = ({
|
|
name,
|
|
label,
|
|
formState,
|
|
required = false,
|
|
lines = 1,
|
|
helperText,
|
|
}) => (
|
|
<InternalTextField
|
|
fullWidth
|
|
name={name}
|
|
label={label}
|
|
size="small"
|
|
multiline={lines > 1}
|
|
rows={lines}
|
|
required={required}
|
|
defaultValue={formState.values[name]}
|
|
error={Boolean(formState.errors[name])}
|
|
helperText={formState.errors[name] ?? helperText}
|
|
InputProps={{
|
|
sx: {
|
|
backgroundColor: "#fff",
|
|
},
|
|
}}
|
|
/>
|
|
);
|