pouncejs/dist/cjs/components/MultiCombobox/Tag.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 _Icon = _interopRequireDefault(require("../Icon"));

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

var _AbstractButton = _interopRequireDefault(require("../AbstractButton"));

var _Flex = _interopRequireDefault(require("../Flex"));

/** A chip is an entry in a combobox, but can be used anywhere */
var Tag = function Tag(_ref) {
  var children = _ref.children,
      onRemove = _ref.onRemove,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children", "onRemove"]);
  return /*#__PURE__*/_react.default.createElement(_Flex.default, (0, _extends2.default)({
    align: "center",
    role: "tag",
    bg: "blue-400",
    borderRadius: "small",
    cursor: "default",
    px: 2,
    fontSize: "small",
    fontWeight: "medium",
    wordBreak: "break-all",
    zIndex: 1
  }, rest), children, /*#__PURE__*/_react.default.createElement(_AbstractButton.default, {
    onClick: onRemove,
    ml: 2,
    "aria-label": "Remove"
  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
    size: "x-small",
    type: "close"
  })));
};

var _default = Tag;
exports.default = _default;