"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const styles_1 = require("../../../styles");
const utils_1 = require("../../../styles/utils");
const IconCircled_1 = require("../../IconCircled");
const IconText_1 = require("../../IconText");
exports.Input = styles_1.styled.input(utils_1.visuallyHidden);
exports.Icon = styles_1.styled(IconCircled_1.IconCircled)(({ theme, checked }) => ({
    border: `2px solid ${checked ? theme.colors.brandMain : theme.colors.gray[2]}`,
    backgroundColor: 'transparent',
    svg: {
        visibility: checked ? 'visible' : 'hidden',
    },
}));
exports.Wrapper = styles_1.styled(IconText_1.IconText)(({ theme }) => ({
    '& + &': {
        marginLeft: theme.space.gridGap,
    },
}));
//# sourceMappingURL=styles.js.map