@primer/react/dist/CounterLabel/CounterLabel.js

An implementation of GitHub's Primer Design System using React

import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
import CounterLabel_module_css_default from "./CounterLabel.module.css.js";
import { clsx } from "clsx";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
//#region src/CounterLabel/CounterLabel.tsx
const CounterLabel = /*#__PURE__*/ forwardRef(({ variant, scheme, className, children, ["data-component"]: dataComponent, ...rest }, forwardedRef) => {
	const label = /*#__PURE__*/ jsxs(VisuallyHidden, { children: [
		"\xA0(",
		children,
		")"
	] });
	const inferredVariant = variant || scheme || "secondary";
	return /*#__PURE__*/ jsxs(Fragment, { children: [/*#__PURE__*/ jsx("span", {
		ref: forwardedRef,
		["aria-hidden"]: "true",
		["data-variant"]: inferredVariant,
		...rest,
		"data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : "CounterLabel",
		className: clsx(className, CounterLabel_module_css_default.CounterLabel),
		children
	}), label] });
});
CounterLabel.displayName = "CounterLabel";
//#endregion
export { CounterLabel as default };