'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var indicator_module = require('./indicator.module.css.cjs');

const indicator = index.cva(indicator_module.default.indicator, {
    variants: {
        variant: {
            accent: indicator_module.default["indicator-variant-accent"],
            warning: indicator_module.default["indicator-variant-warning"],
            danger: indicator_module.default["indicator-variant-danger"],
            success: indicator_module.default["indicator-variant-success"],
            neutral: indicator_module.default["indicator-variant-neutral"],
        }
    },
    defaultVariants: {
        variant: "accent",
    },
});
const Indicator = ({ className, variant, label, children, "aria-label": ariaLabel, ...props }) => {
    const accessibilityLabel = ariaLabel || label || `${variant} indicator`;
    return (jsxRuntime.jsxs("div", { className: indicator_module.default.wrapper, ...props, children: [children, jsxRuntime.jsx("div", { className: indicator({ variant, className }), role: "status", "aria-label": accessibilityLabel, children: label ? (jsxRuntime.jsx("span", { className: indicator_module.default.label, "data-length": label.length.toString(), children: label })) : (jsxRuntime.jsx("span", { className: indicator_module.default.dot, "aria-hidden": "true" })) })] }));
};
Indicator.displayName = 'Indicator';

exports.Indicator = Indicator;
//# sourceMappingURL=indicator.cjs.map
