import { createTheme } from "@mui/material";
import theme from "../generic";

const themePublic = createTheme({
  ...theme,
  components: {
    MuiButton: {
      variants: [
        {
          props: {
            variant: "contained",
          },
          style: {
            padding: "13px 20px",
            borderRadius: "8px",
            boxShadow: "none",
            "&:active": {
              backgroundColor: "#000000",
              color: "#FFFFFF",
            },
            "&:disabled": {
              color: "#9A9AAF",
              border: "1px solid #9A9AAF",
            },
          },
        },
        {
          props: {
            variant: "outlined",
          },
          style: {
            padding: "10px 20px",
            borderRadius: "8px",
            "&:hover": {
              backgroundColor: "#581CA7",
              border: "1px solid #581CA7",
            },
          },
        },
      ],
    },
  },
});

export default themePublic;