@salesforce/design-system-react/module/components/pill-container/__docs__/storybook-stories.js

Salesforce Lightning Design System for React

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { PILL_CONTAINER } from '../../../utilities/constants';
import IconSettings from '../../icon-settings';
import BaseExample from '../__examples__/base';
import IconsExample from '../__examples__/icons';
import AvatarsExample from '../__examples__/avatars';
import BareExample from '../__examples__/bare';
storiesOf(PILL_CONTAINER, module).addDecorator(function (getStory) {
  return (
    /*#__PURE__*/
    React.createElement("div", {
      className: "slds-p-around_medium"
    },
    /*#__PURE__*/
    React.createElement(IconSettings, {
      iconPath: "/assets/icons"
    }, getStory()))
  );
}).add('Base Pill Container', function () {
  return (
    /*#__PURE__*/
    React.createElement(BaseExample, {
      action: action
    })
  );
}).add('Pill Container With Icons', function () {
  return (
    /*#__PURE__*/
    React.createElement(IconsExample, {
      action: action
    })
  );
}).add('Pill Container With Avatars', function () {
  return (
    /*#__PURE__*/
    React.createElement(AvatarsExample, {
      action: action
    })
  );
}).add('Bare Pill Container', function () {
  return (
    /*#__PURE__*/
    React.createElement(BareExample, {
      action: action
    })
  );
});
//# sourceMappingURL=storybook-stories.js.map