import { cssVar } from '@chakra-ui/theme-tools';
import { defineStyle, defineStyleConfig } from '@chakra-ui/react';

var _a, _b, _c, _d;
var $size = cssVar('spinner-size');
var baseStyle = defineStyle({
    width: [$size.reference],
    height: [$size.reference],
});
var sizes = {
    xs: defineStyle((_a = {},
        _a[$size.variable] = 'sizes.xs',
        _a)),
    sm: defineStyle((_b = {},
        _b[$size.variable] = 'sizes.sm',
        _b)),
    md: defineStyle((_c = {},
        _c[$size.variable] = 'sizes.md',
        _c)),
    lg: defineStyle((_d = {},
        _d[$size.variable] = 'sizes.lg',
        _d)),
};
var spinnerTheme = defineStyleConfig({
    baseStyle: baseStyle,
    sizes: sizes,
    defaultProps: {
        size: 'sm',
    },
});

export { spinnerTheme as default };
//# sourceMappingURL=spinner.js.map
