import { TextField } from "@mui/material";
import { FunctionComponent } from "react";
interface IProps {
type: string;
label: string;
color:
| "error"
| "primary"
| "secondary"
| "info"
| "success"
| "warning"
| undefined;
}
const Input: FunctionComponent<IProps> = (props: IProps) => {
return (
<>
<TextField
required
id="outlined-password-input"
label={props.label}
type={props.type}
color={props.color}
autoComplete="current-password"
style={{ width: "50vw" }}
/>
</>
);
};
export default Input;
Is there a way to customize the theme colors and font for Textfield components? The issue arises when using dark backgrounds with dark text.
Struggling to implement global styles in Typescript, especially when it comes to utilizing the theme correctly. Any suggestions?