import { __assign } from '../../node_modules/tslib/tslib.es6.js';
import { createMultiStyleConfigHelpers, defineStyle } from '@chakra-ui/react';
import { radioAnatomy } from '@chakra-ui/anatomy';
import { fontWeights } from '../shared/fontWeights.js';
import Checkbox from './checkbox.js';

var _a, _b, _c;
var _d = createMultiStyleConfigHelpers(radioAnatomy.keys), definePartsStyle = _d.definePartsStyle, defineMultiStyleConfig = _d.defineMultiStyleConfig;
var sizes = {
    base: {
        label: { fontSize: 'base' },
    },
    md: {
        label: { fontSize: 'md' },
    },
};
var baseStyleControl = defineStyle(__assign(__assign({}, (((_a = Checkbox.baseStyle) === null || _a === void 0 ? void 0 : _a.control) || {})), { borderRadius: '50%', _checked: {
        borderColor: 'gray.900',
        bg: 'gray.900',
        _disabled: {
            bg: 'gray.400',
        },
        _before: {
            content: "\"\"",
            display: 'inline-block',
            pos: 'relative',
            w: '50%',
            h: '50%',
            borderRadius: '50%',
            bg: 'white',
        },
    } }));
var variants = {
    fontBold: definePartsStyle({
        label: defineStyle({
            fontWeight: fontWeights.bold,
        }),
    }),
    fontRegular: definePartsStyle({
        label: defineStyle({
            fontWeight: fontWeights.regular,
        }),
    }),
};
var baseStyle = definePartsStyle({
    label: (_b = Checkbox.baseStyle) === null || _b === void 0 ? void 0 : _b.label,
    container: (_c = Checkbox.baseStyle) === null || _c === void 0 ? void 0 : _c.container,
    control: baseStyleControl,
});
var Radio = defineMultiStyleConfig({
    sizes: sizes,
    baseStyle: baseStyle,
    variants: variants,
});

export { Radio as default };
//# sourceMappingURL=radio.js.map
