"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.theme = void 0;
var material_1 = require("@mui/material");
var colors_1 = require("./colors");
var text_1 = require("./text");
var headerTheme = {
    fontFamily: text_1.fontFamily.heading,
};
exports.theme = material_1.createTheme(material_1.adaptV4Theme({
    palette: {
        primary: {
            main: colors_1.green.dark,
            light: colors_1.green.dark,
            dark: colors_1.green.standard,
        },
        secondary: {
            main: colors_1.green.light,
            dark: colors_1.green.light,
        },
    },
    typography: {
        fontFamily: text_1.fontFamily.text,
        h1: __assign({ fontSize: text_1.headerSize[5] }, headerTheme),
        h2: __assign({ fontSize: text_1.headerSize[4] }, headerTheme),
        h3: __assign({ fontSize: text_1.headerSize[3] }, headerTheme),
        h4: __assign({ fontSize: text_1.headerSize[2], fontWeight: "inherit" }, headerTheme),
        h5: __assign({ fontSize: text_1.headerSize[1] }, headerTheme),
        h6: __assign({ fontSize: text_1.headerSize[0], fontWeight: 500 }, headerTheme),
        body1: { fontWeight: "inherit" },
        body2: { fontWeight: "inherit" },
    },
    props: {
        MuiButtonBase: {
            disableRipple: true,
        },
        MuiButton: {
            variant: "contained",
        },
    },
    overrides: {
        MuiButton: {
            root: {
                textTransform: "none",
                padding: "0.5rem 1.125rem",
            },
            outlined: {
                padding: "calc(0.5rem - 1px) calc(1.125rem - 1px)",
            },
            contained: {
                boxShadow: "none",
                "&:hover": {
                    boxShadow: "0px 2px 6px 1px rgba(54, 112, 93, 0.32);",
                },
            },
            containedSecondary: {
                boxShadow: "none",
                "&:hover": {
                    boxShadow: "0px 2px 6px 1px rgba(135, 153, 153, 0.32)",
                },
                "&:disabled": {
                    backgroundColor: colors_1.blue.subtle,
                    color: colors_1.text.secondary + " 60%",
                },
            },
            outlinedPrimary: {
                "&:hover": {
                    backgroundColor: colors_1.green.subtle,
                    border: "1px solid " + colors_1.green.light,
                    color: colors_1.green.standard,
                },
            },
        },
    },
}));
exports.default = exports.theme;
/*
{
primary: {
    textTransform: "none",
    padding: "8px 18px",
    backgroundColor: green.dark,
    color: "white",
    "&:hover": {
        backgroundColor: green.standard,
    },
    "&:disabled": {
        backgroundColor: grey.soft,
        color: `${text.secondary} 60%`,
    },
},
secondary: {
    textTransform: "none",
    padding: "8px 18px",
    backgroundColor: green.light,
    "&:hover": {
        backgroundColor: green.light,
        border: `1px solid ${green.light}`,
        boxShadow: "0px 2px 6px 1px rgba(135, 153, 153, 0.32);",
    },
    "&:disabled": {
        backgroundColor: blue.subtle,
        color: `${text.secondary} 60%`,
    },
},
outlined: {
    border: `1px solid ${text.tertiary}`,
    color: green.dark,
    padding: "8px 18px",
    textTransform: "none",
    "&:hover": {
        backgroundColor: green.subtle,
        border: `1px solid ${green.light}`,
        color: green.standard,
    },
    "&:disabled": {
        border: `1px solid ${grey.light}`,
        color: `${text.secondary} 60%`,
    },
},
destructive: {
    border: "1px solid rgba(214, 63, 60, 0.3)",
    color: red.standard,
    padding: "8px 18px",
    "&:hover": {
        backgroundColor: red.subtle,
    },
    "&:disabled": {
        backgroundColor: grey.soft,
        color: "rgba(79, 92, 92, 0.6)",
        border: "none",
    },
},
}
*/
//# sourceMappingURL=theme.js.map