import { Button, Checkbox, styled } from "@mui/material";
import { CheckboxProps } from "@mui/material/Checkbox/Checkbox";

const StyledButton = styled(Button)({
	display: "flex",
	alignItems: "center",
	justifyContent: "flex-start",
	columnGap: "0.5em",
	textTransform: "none",
	color: "#1E456F",
	padding: "0",
});

const StyledCheckbox = styled(Checkbox)<CheckboxProps>({
	padding: 0,
});

export default { Checkbox: StyledCheckbox, Button: StyledButton };