"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getIconStyle = exports.getVariant = exports.Input = void 0;
const definitions_1 = require("./definitions");
const utils_1 = require("../../styles/utils");
const styles_1 = require("../../styles");
exports.Input = styles_1.styled.input(utils_1.visuallyHidden);
exports.getVariant = ({ theme, checked, variant = definitions_1.ToggleButtonDefaultProps.variant, }) => {
    return {
        primary: {
            backgroundColor: checked ? theme.colors.brandDark : theme.colors.primary,
            color: '#fff',
            boxShadow: theme.shadows[2],
        },
        secondary: {
            backgroundColor: checked
                ? theme.colors.brandLightest
                : theme.colors.disabled,
            color: checked ? theme.colors.brandMain : theme.colors.highlightText,
        },
        ghost: {
            backgroundColor: checked ? theme.colors.disabled : 'transparent',
            color: checked ? theme.colors.highlightText : theme.colors.highlightText,
        },
        ghostSecondary: {
            backgroundColor: 'transparent',
            borderColor: 'transparent',
            color: 'currentColor',
            opacity: checked ? 0.5 : 1,
            padding: 0,
        },
        gray: {
            backgroundColor: checked
                ? theme.colors.brandLightest
                : theme.colors.gray[4],
            color: checked ? theme.colors.brandMain : theme.colors.gray[1],
        },
        light: {
            backgroundColor: checked ? theme.colors.gray[4] : theme.colors.white,
            color: theme.colors.gray[1],
            boxShadow: theme.shadows[2],
        },
        transparent: {
            backgroundColor: 'transparent',
        },
        raw: {},
    }[variant];
};
exports.getIconStyle = (position) => ({
    top: 'Bottom',
    bottom: 'Top',
    left: 'Right',
    right: 'Left',
}[position]);
//# sourceMappingURL=styles.js.map