import { Box, Button, Typography, styled } from "@mui/material";

const Title = styled(Typography)({
	color: "#1E456F",
	marginBottom: "0.5em",
	fontWeight: "600",
	fontSize: "1.3rem",
	letterSpacing: "-2%",
	minWidth: "14em",
});

const RowsNumber = styled(Box)({
	color: "#1E456F",
});

const Ul = styled("ul")({
	paddingLeft: "1.5em",
});

const ButtonContainer = styled(Box)({
	display: "flex",
	justifyContent: "end",
});

const StyledButton = styled(Button)({
	borderColor: "#1E9577",
	color: "#1E9577",
	textTransform: "none",
});

export default {
	Button: StyledButton,
	ButtonContainer,
	RowsNumber,
	Title,
	Ul,
};