frontPanel/src/ui_kit/CustomTextField.tsx

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={{
          "& .MuiInputBase-root": {
            backgroundColor: theme.palette.background.default,
            height: "48px",
            borderRadius: "10px",
          },
        }}
        inputProps={{
          sx: {
            borderRadius: "10px",
            fontSize: "18px",
            lineHeight: "21px",
            py: 0,
          },
        }}
      />
    </FormControl>
  );
}