@storybook/design-system/dist/components/marketing/VerifiedBadge.js

Storybook design system

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.VerifiedBadge = void 0;

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

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

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

var _theming = require("@storybook/theming");

var _styles = require("../shared/styles");

var _Icon = require("../Icon");

var _TooltipMessage = require("../tooltip/TooltipMessage");

var _WithTooltip = _interopRequireDefault(require("../tooltip/WithTooltip"));

var _excluded = ["trigger", "creator", "appearance"];
var VerifiedBadgeIcon = ( /*#__PURE__*/0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
  target: "e8myc491"
} : {
  target: "e8myc491",
  label: "VerifiedBadgeIcon"
})("color:", function (props) {
  return props.appearance === 'official' ? _styles.color.secondary : _styles.color.green;
}, ";width:14px;height:14px;margin-bottom:2px;z-index:2;position:relative;");
var BadgeWrapper = ( /*#__PURE__*/0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
  target: "e8myc490"
} : {
  target: "e8myc490",
  label: "BadgeWrapper"
})("margin-left:", _styles.spacing.padding.small, "px;");

var VerifiedBadge = function VerifiedBadge(_ref) {
  var _ref$trigger = _ref.trigger,
      trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
      _ref$creator = _ref.creator,
      creator = _ref$creator === void 0 ? '' : _ref$creator,
      appearance = _ref.appearance,
      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(BadgeWrapper, (0, _extends2["default"])({}, props, {
    placement: "top",
    trigger: trigger,
    tooltip: /*#__PURE__*/_react["default"].createElement(_TooltipMessage.TooltipMessage, {
      desc: appearance === 'official' ? 'This addon is maintained and recommended by the Storybook team.' : "This addon is maintained by ".concat(creator, ".")
    })
  }), /*#__PURE__*/_react["default"].createElement(VerifiedBadgeIcon, {
    icon: "verified",
    appearance: appearance
  }));
};

exports.VerifiedBadge = VerifiedBadge;