39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
|
import {FormControl, TextField, useTheme} from "@mui/material";
|
||
|
|
|
||
|
|
interface CustomTextFieldProps {
|
||
|
|
placeholder: string;
|
||
|
|
text: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function CustomTextField({ placeholder, text }: CustomTextFieldProps) {
|
||
|
|
const theme = useTheme();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<FormControl
|
||
|
|
fullWidth
|
||
|
|
variant="standard"
|
||
|
|
sx={{ p: 0 }}
|
||
|
|
>
|
||
|
|
<TextField
|
||
|
|
// value={text}
|
||
|
|
fullWidth
|
||
|
|
placeholder={placeholder}
|
||
|
|
sx={{
|
||
|
|
backgroundColor: theme.palette.background.default,
|
||
|
|
"& .MuiInputBase-root": {
|
||
|
|
height: "48px",
|
||
|
|
borderRadius: "10px",
|
||
|
|
}
|
||
|
|
}}
|
||
|
|
inputProps={{
|
||
|
|
sx: {
|
||
|
|
borderRadius: "10px",
|
||
|
|
fontSize: "18px",
|
||
|
|
lineHeight: "21px",
|
||
|
|
py: 0,
|
||
|
|
}
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</FormControl>
|
||
|
|
);
|
||
|
|
}
|