@storybook/components/dist/esm/ActionBar/ActionBar.stories.js

import React from 'react';
import { action } from '@storybook/addon-actions';
import { ActionBar } from './ActionBar';
var action1 = action('action1');
var action2 = action('action2');
var action3 = action('action3');
export default {
  component: ActionBar,
  title: 'Basics/ActionBar',
  decorators: [function (storyFn) {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'relative',
        width: '300px',
        height: '64px',
        margin: '1rem',
        background: 'papayawhip',
        border: '1px solid rgba(0,0,0,.05)'
      }
    }, storyFn());
  }]
};
export var singleItem = function singleItem() {
  return /*#__PURE__*/React.createElement(ActionBar, {
    actionItems: [{
      title: 'Clear',
      onClick: action1
    }]
  });
};
singleItem.displayName = "singleItem";
export var manyItems = function manyItems() {
  return /*#__PURE__*/React.createElement(ActionBar, {
    actionItems: [{
      title: 'Action string',
      onClick: action1
    }, {
      title: /*#__PURE__*/React.createElement("div", null, "Action node"),
      onClick: action2
    }, {
      title: 'Long action string',
      onClick: action3
    }]
  });
};
manyItems.displayName = "manyItems";