"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const polished_1 = require("polished");
const Button_1 = require("./Button");
exports.getVariant = ({ theme, variant = Button_1.defaultProps.variant }) => ({
    primary: {
        backgroundColor: theme.colors.primary,
        color: '#fff',
        boxShadow: theme.shadows[2],
        '&:hover': {
            backgroundColor: theme.colors.brandDark,
            boxShadow: theme.shadows[3]
        },
        '&:active': {
            backgroundColor: polished_1.transparentize(0.2, theme.colors.brandDark),
            boxShadow: theme.shadows[3]
        }
    },
    secondary: {
        backgroundColor: theme.colors.disabled,
        color: theme.colors.highlightText,
        '&:hover': {
            color: theme.colors.brandMain,
            backgroundColor: theme.colors.brandLightest
        },
        '&:active': {
            backgroundColor: polished_1.darken(0.1, theme.colors.brandLightest)
        }
    },
    ghost: {
        backgroundColor: 'transparent',
        color: theme.colors.highlightText,
        '&:hover': {
            color: theme.colors.highlightText,
            backgroundColor: theme.colors.disabled
        },
        '&:disabled': {
            backgroundColor: 'transparent'
        }
    },
    ghostSecondary: {
        backgroundColor: 'transparent',
        borderColor: 'transparent',
        color: 'currentColor',
        padding: 0,
        '&:hover': {
            backgroundColor: 'transparent',
            color: 'currentColor',
            opacity: 0.5
        },
        '&:disabled': {
            opacity: 1
        }
    },
    gray: {
        backgroundColor: theme.colors.gray[4],
        color: theme.colors.gray[1],
        '&:hover': {
            color: theme.colors.brandMain,
            backgroundColor: theme.colors.brandLightest
        },
        '&:active': {
            backgroundColor: polished_1.darken(0.1, theme.colors.brandLightest)
        }
    },
    raw: {}
}[variant]);
exports.getIconStyle = (position) => ({
    top: 'Bottom',
    bottom: 'Top',
    left: 'Right',
    right: 'Left'
}[position]);
//# sourceMappingURL=styles.js.map