"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const polished_1 = require("polished");
const IconButton_1 = require("./IconButton");
exports.getVariant = ({ theme, variant = IconButton_1.defaultProps.variant, }) => {
    return {
        primary: {
            backgroundColor: 'white',
            color: theme.colors.primary,
            boxShadow: theme.shadows[2],
            width: theme.space.xl,
            height: theme.space.xl,
            borderRadius: '100%',
            '&:hover': {
                backgroundColor: theme.colors.brandDark,
                color: 'white',
                boxShadow: theme.shadows[3],
            },
            '&:active': {
                backgroundColor: polished_1.transparentize(0.2, theme.colors.brandDark),
                boxShadow: theme.shadows[3],
            },
        },
        raw: {},
    }[variant];
};
//# sourceMappingURL=styles.js.map