@wulperstudio/cms/node/components/Tag/Tag.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireDefault(require("react"));
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var Tag = function Tag(props) {
  var _React$useState = _react["default"].useState(false),
    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
    isLabel = _React$useState2[0],
    setIsLabel = _React$useState2[1];
  var handleLabel = function handleLabel(e) {
    e.stopPropagation();
    setIsLabel(!isLabel);
  };
  if (props.open) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.TagWS, {
      backgroundColor: props.color,
      incrementHeight: props.incrementHeight,
      fontSizeIncrement: props.fontSizeIncrement,
      paddingIncrement: props.paddingIncrement,
      children: props.label
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.TagWS, {
    backgroundColor: props.color,
    onClick: handleLabel,
    children: isLabel && props.label
  });
};
var _default = exports["default"] = Tag;