
export const components = {
	components: {
		// Name of the component
		MuiButton: {
			styleOverrides: {
				// Name of the slot
				root: {
					// Some CSS
					fontSize: "0.9rem",
					fontWeight: "600",
					height: "50px",
					textTransform: "none",
				},
			},
			defaultProps: {
				// The props to change the default for.
				disableElevation: true, // No more elevation!
			},
		},
		MuiInputBase: {
			styleOverrides: {
				input: {
					fontSize: "0.9rem",
					fontWeight: "600",
					backgroundColor: "#fafaff",

					"&:autofill": {
						color: "black !important",
						backgroundColor: "red !important",
					},

					// padding: 0,
				},
			},
		},

		MuiOutlinedInput: {
			styleOverrides: {
				input: {
					padding: "0.6rem 1rem",
				},
			},
		},
		MuiInputLabel: {
			styleOverrides: {
				root: {
					fontSize: "0.9rem",
					position: "relative",
					color: "black",
					marginBottom: "1.5rem",
					marginLeft: "-0.8rem",
				},
				asterisk: {
					color: "red",
				},
			},
		},
	},
};
