import { jsxs, jsx } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import styles from './indicator.module.css.js';

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

export { Indicator };
//# sourceMappingURL=indicator.js.map
