@ntragas/pouncejstest/dist/cjs/components/Badge/Badge.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _useBadgeStyles = _interopRequireDefault(require("./useBadgeStyles"));

var _Box = _interopRequireDefault(require("../Box"));

/** A badge is simply a visual label to accompany & characterize a certain text*/
var Badge = /*#__PURE__*/_react.default.forwardRef(function Badge(_ref, ref) {
  var color = _ref.color,
      _ref$variant = _ref.variant,
      variant = _ref$variant === void 0 ? 'solid' : _ref$variant,
      children = _ref.children,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["color", "variant", "children"]);
  var variantStyles = (0, _useBadgeStyles.default)({
    variant,
    color
  });
  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    display: "flex",
    role: "status",
    "aria-atomic": "true",
    ref: ref,
    cursor: "default",
    width: "fit-content",
    minWidth: "85px",
    textAlign: "center",
    fontWeight: "bold",
    borderRadius: "pill",
    alignItems: "center",
    justifyContent: "center",
    fontSize: "small",
    py: 1,
    px: 4
  }, variantStyles, rest), children);
});

var _default = /*#__PURE__*/_react.default.memo(Badge);

exports.default = _default;