import React from 'react';
import { chakra } from '@chakra-ui/react';

var color = {
    primary: {
        bg: 'brand.primary',
        text: 'black',
    },
    inverted: {
        bg: 'white',
        text: 'black',
    },
    info: {
        bg: 'blue.100',
        text: 'blue.500',
    },
    success: {
        bg: 'green.100',
        text: 'green.500',
    },
    warning: {
        bg: 'orange.100',
        text: 'orange.400',
    },
    error: {
        bg: 'red.100',
        text: 'red.400',
    },
};
var Count = function (_a) {
    var _b, _c;
    var _d = _a.variant, variant = _d === void 0 ? 'primary' : _d, count = _a.count, ariaLabel = _a.ariaLabel;
    var bgColor = ((_b = color[variant]) === null || _b === void 0 ? void 0 : _b.bg) || 'brand.primary';
    var textColor = ((_c = color[variant]) === null || _c === void 0 ? void 0 : _c.text) || 'black';
    return (React.createElement(chakra.span, { display: "inline-block", padding: "xs", verticalAlign: "middle", textAlign: "center", minW: "2.6ch", minH: "2.6ch", lineHeight: "1.6ch", borderRadius: "full", backgroundColor: bgColor, color: textColor, "aria-label": ariaLabel, textStyle: "heading5" }, count));
};

export { Count as default };
//# sourceMappingURL=index.js.map
