"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Showcase = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = _interopRequireDefault(require("../.."));
var _Display = require("../../../../common/Display");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = exports.default = {
  title: 'Molecules / Badge / Label',
  parameters: {
    component: _.default.Label
  }
};
var Showcase = exports.Showcase = {
  render: function render() {
    return _react.default.createElement(_Display.Display, {
      items: [{
        title: 'Primary',
        component: _react.default.createElement(_.default.Label, null, "Primary")
      }, {
        title: 'Primary Bold',
        component: _react.default.createElement(_.default.Label, {
          weight: "bold"
        }, "Primary Bold")
      }, {
        title: 'Secondary',
        component: _react.default.createElement(_.default.Label, {
          type: "secondary"
        }, "Secondary")
      }, {
        title: 'Secondary Bold',
        component: _react.default.createElement(_.default.Label, {
          type: "secondary",
          weight: "bold"
        }, "Secondary Bold")
      }, {
        title: 'Custom badge color',
        component: _react.default.createElement(_.default.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.badgeBackgroundNegative;
          }
        }, "Custom badge color")
      }, {
        title: 'Custom text color',
        component: _react.default.createElement(_.default.Label, {
          color: function color(t) {
            return t.color.warning;
          }
        }, "Custom text color")
      }, {
        title: 'Primary Single Character',
        component: _react.default.createElement(_.default.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.sfdrArticle8;
          },
          type: "primary",
          weight: "bold"
        }, "8")
      }, {
        title: 'Secondary Single Character',
        component: _react.default.createElement(_.default.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.sfdrArticle9;
          },
          type: "secondary",
          weight: "bold"
        }, "9")
      }]
    });
  }
};