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",
                            // "&:hover": {
                            //     backgroundColor: "#581CA7"
                            // }

                        },
                    },
                    {
                        props: {
                            variant: 'outlined'
                        },
                        style: {
                            padding: '10px 20px',
                            borderRadius: '8px',
                            "&:hover": {
                                backgroundColor: "#581CA7",
                                border: '1px solid #581CA7',
                            }

                        },
                    },
                ],
            },
        },
    },
)

export default themePublic;