Yana
48 lines
1005 B
TypeScript
48 lines
1005 B
TypeScript
import { type SxProps, TextField } from "@mui/material";
|
|
import type { KeyboardEventHandler } from "react";
|
|
|
|
const Input = ({
|
|
placeholder,
|
|
fullWidth,
|
|
value,
|
|
rounded = false,
|
|
onChange,
|
|
onKeyDown,
|
|
}: {
|
|
placeholder?: string;
|
|
fullWidth?: boolean;
|
|
rounded?: boolean;
|
|
sx?: SxProps;
|
|
value: string;
|
|
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
}) => {
|
|
return (
|
|
<TextField
|
|
placeholder={placeholder}
|
|
fullWidth={fullWidth}
|
|
value={value}
|
|
onChange={onChange}
|
|
onKeyDown={onKeyDown}
|
|
sx={{
|
|
"& .MuiInputBase-input": {
|
|
color: "#575D63 !important",
|
|
"&::placeholder": {
|
|
color: "#575D63 !important",
|
|
opacity: "1 !important",
|
|
},
|
|
},
|
|
}}
|
|
slotProps={{
|
|
input: {
|
|
sx: {
|
|
borderRadius: rounded ? 10 : 2,
|
|
},
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Input;
|