import React from 'react';
import { addStoryInGroup, LOW_LEVEL_BLOCKS } from '../../../.storybook/utils';
import { IconBuildingSmallOutline } from '@teamleader/ui-icons';
import Badge from './Badge';
export default {
  component: Badge,
  title: addStoryInGroup(LOW_LEVEL_BLOCKS, 'Badge'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=3943%3A715'
    }
  }
};
export var basic = function basic(args) {
  return /*#__PURE__*/React.createElement(Badge, args, "I'm a badge");
};
export var withIcon = function withIcon(args) {
  return /*#__PURE__*/React.createElement(Badge, args, "I'm a badge");
};
withIcon.args = {
  icon: /*#__PURE__*/React.createElement(IconBuildingSmallOutline, null)
};
withIcon.storyName = 'With icon';
export var withCustomElement = function withCustomElement(args) {
  return /*#__PURE__*/React.createElement(Badge, args, "I'm a badge");
};
withCustomElement.args = {
  element: 'a',
  href: 'https://teamleader.eu'
};
withCustomElement.storyName = 'With custom element';