import colors from '../theme/colors.js';
import fontWeight from '../theme/fontWeight.js';
import { borderSize } from '../theme/borders.js';
import '../tslib.es6-20a2a300.js';

var outlinedStyles = {
    borderWidth: borderSize.primary,
    borderColor: colors.button.secondaryAlt,
    color: colors.text.secondary,
    backgroundColor: "transparent",
    fontWeight: fontWeight.medium,
    boxShadow: "none",
    "&:active, &:hover": {
        borderColor: colors.button.secondaryAltActive,
        backgroundColor: "transparent"
    }
};
var MuiButton = {
    root: {
        lineHeight: 1.6,
        borderRadius: 0,
        boxShadow: "none",
        minWidth: 0,
        "&$disabled": {
            color: colors.button.disabled
        }
    },
    contained: {
        backgroundColor: colors.button.secondaryAlt,
        color: colors.text.primary,
        fontWeight: fontWeight.medium,
        boxShadow: "none",
        "&:active, &:hover": {
            boxShadow: "none",
            backgroundColor: colors.button.secondaryAltActive
        },
        "&$disabled": {
            backgroundColor: colors.button.disabled,
            color: colors.text.primary,
            "&:active, &:hover": {
                backgroundColor: colors.button.disabled
            }
        }
    },
    containedPrimary: {
        backgroundColor: colors.button.primary,
        color: colors.text.primary,
        "&:active, &:hover": {
            boxShadow: "none",
            backgroundColor: colors.button.primaryActive
        }
    },
    containedSecondary: {
        backgroundColor: colors.button.primaryAlt,
        color: colors.text.primary,
        boxShadow: "none",
        "&:active, &:hover": {
            boxShadow: "none",
            backgroundColor: colors.button.primaryAltActive
        }
    },
    outlined: outlinedStyles,
    outlinedPrimary: outlinedStyles,
    outlinedSecondary: outlinedStyles,
    text: {
        backgroundColor: "transparent !important",
        color: colors.button.secondary,
        fontWeight: fontWeight.medium,
        "&:active, &:hover": {
            color: colors.button.secondaryActive
        }
    },
    textPrimary: {
        color: colors.button.primary,
        "&:active, &:hover": {
            color: colors.button.primaryActive
        }
    },
    textSecondary: {
        color: colors.button.primaryAlt,
        "&:active, &:hover": {
            color: colors.button.primaryAltActive
        }
    }
};

export { MuiButton as default };
