"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.COUNTER_TYPES = void 0;
exports.Counter = Counter;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
let COUNTER_TYPES = exports.COUNTER_TYPES = /*#__PURE__*/function (COUNTER_TYPES) {
  COUNTER_TYPES["SUCCESS"] = "success";
  COUNTER_TYPES["WARNING"] = "warning";
  COUNTER_TYPES["ERROR"] = "error";
  COUNTER_TYPES["INFO"] = "info";
  COUNTER_TYPES["PLAIN"] = "plain";
  COUNTER_TYPES["DARK"] = "dark";
  COUNTER_TYPES["PINK"] = "pink";
  COUNTER_TYPES["TURQUOISE"] = "turquoise";
  COUNTER_TYPES["PURPLE"] = "purple";
  COUNTER_TYPES["BLUE"] = "blue";
  COUNTER_TYPES["ORANGE"] = "orange";
  COUNTER_TYPES["APPLE"] = "apple";
  return COUNTER_TYPES;
}({});
/**
 * Counter is used to indicate amount of entities somewhere
 * @uxr-only-supported
 * @midnight-gray-supported
 * @alpine-light-supported
 * */
function Counter({
  children,
  className,
  testId,
  type = COUNTER_TYPES.DARK,
  outline = false
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
    className: (0, _classnames.default)('counter', type, {
      outlined: outline
    }, className),
    "test-id": testId,
    children: children
  });
}