@primer/react/lib/CounterLabel/CounterLabel.js

An implementation of GitHub's Primer Design System using React

'use strict';

var clsx = require('clsx');
var React = require('react');
var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
var defaultSxProp = require('../utils/defaultSxProp.js');
var Box = require('../Box/Box.js');
var CounterLabel_module = require('./CounterLabel.module.css.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const CounterLabel = /*#__PURE__*/React.forwardRef(({
  scheme = 'secondary',
  sx = defaultSxProp.defaultSxProp,
  className,
  children,
  ...rest
}, forwardedRef) => {
  const label = /*#__PURE__*/React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, "\xA0(", children, ")");
  const counterProps = {
    ref: forwardedRef,
    ['aria-hidden']: 'true',
    ['data-scheme']: scheme,
    ...rest
  };
  if (sx !== defaultSxProp.defaultSxProp) {
    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Box, _extends({
      as: "span"
    }, counterProps, {
      className: clsx.clsx(className, CounterLabel_module.CounterLabel),
      sx: sx
    }), children), label);
  }
  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement("span", _extends({}, counterProps, {
    className: clsx.clsx(className, CounterLabel_module.CounterLabel)
  }), children), label);
});
CounterLabel.displayName = 'CounterLabel';

module.exports = CounterLabel;