ca8e3179bb
* refactor: reduce duplicate code * style: add a white background to the light color theme to avoid the gray text being too light
25 lines
626 B
TypeScript
25 lines
626 B
TypeScript
import { TextField, type TextFieldProps, styled } from "@mui/material";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export const BaseStyledTextField = styled((props: TextFieldProps) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<TextField
|
|
hiddenLabel
|
|
fullWidth
|
|
size="small"
|
|
autoComplete="off"
|
|
variant="outlined"
|
|
spellCheck="false"
|
|
placeholder={t("Filter conditions")}
|
|
sx={{ input: { py: 0.65, px: 1.25 } }}
|
|
{...props}
|
|
/>
|
|
);
|
|
})(({ theme }) => ({
|
|
"& .MuiInputBase-root": {
|
|
background: theme.palette.mode === "light" ? "#fff" : undefined,
|
|
},
|
|
}));
|