import React from 'react';
import Badge from '../..';
import { Display } from '../../../../common/Display';
export default {
  title: 'Molecules / Badge / Label',
  parameters: {
    component: Badge.Label
  }
};
export var Showcase = {
  render: function render() {
    return React.createElement(Display, {
      items: [{
        title: 'Primary',
        component: React.createElement(Badge.Label, null, "Primary")
      }, {
        title: 'Primary Bold',
        component: React.createElement(Badge.Label, {
          weight: "bold"
        }, "Primary Bold")
      }, {
        title: 'Secondary',
        component: React.createElement(Badge.Label, {
          type: "secondary"
        }, "Secondary")
      }, {
        title: 'Secondary Bold',
        component: React.createElement(Badge.Label, {
          type: "secondary",
          weight: "bold"
        }, "Secondary Bold")
      }, {
        title: 'Custom badge color',
        component: React.createElement(Badge.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.badgeBackgroundNegative;
          }
        }, "Custom badge color")
      }, {
        title: 'Custom text color',
        component: React.createElement(Badge.Label, {
          color: function color(t) {
            return t.color.warning;
          }
        }, "Custom text color")
      }, {
        title: 'Primary Single Character',
        component: React.createElement(Badge.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.sfdrArticle8;
          },
          type: "primary",
          weight: "bold"
        }, "8")
      }, {
        title: 'Secondary Single Character',
        component: React.createElement(Badge.Label, {
          badgeColor: function badgeColor(t) {
            return t.color.sfdrArticle9;
          },
          type: "secondary",
          weight: "bold"
        }, "9")
      }]
    });
  }
};