import React from 'react';
import { addStoryInGroup, COMPOSITIONS } from '../../../.storybook/utils';
import { Box, ButtonGroup, Heading3, IconButton, IconMenu, MenuItem, TextBody, Widget, MenuDivider } from '../../index';
import { IconAddMediumOutline, IconEditMediumOutline } from '@teamleader/ui-icons';
export default {
  component: Widget,
  title: addStoryInGroup(COMPOSITIONS, 'Widget')
};
export var FullWidget = function FullWidget(args) {
  return /*#__PURE__*/React.createElement(Widget, args, /*#__PURE__*/React.createElement(Widget.Header, {
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/React.createElement(Heading3, null, "I am the widget header title"), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(IconButton, {
    icon: /*#__PURE__*/React.createElement(IconEditMediumOutline, null)
  }), /*#__PURE__*/React.createElement(IconButton, {
    icon: /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  }), /*#__PURE__*/React.createElement(IconMenu, {
    active: true,
    position: "top-right"
  }, /*#__PURE__*/React.createElement(MenuItem, {
    label: "Menu item 1"
  }), /*#__PURE__*/React.createElement(MenuItem, {
    label: "Menu item 2"
  }), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(MenuItem, {
    label: "Disabled menu item...",
    disabled: true
  })))), /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
export var Basic = function Basic() {
  return /*#__PURE__*/React.createElement(Widget, null, /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
export var WithMultipleBody = function WithMultipleBody() {
  return /*#__PURE__*/React.createElement(Widget, null, /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")), /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
export var WithHeader = function WithHeader() {
  return /*#__PURE__*/React.createElement(Widget, null, /*#__PURE__*/React.createElement(Widget.Header, null, /*#__PURE__*/React.createElement(Heading3, null, "I am the widget header title")), /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
export var WithHeaderAndAction = function WithHeaderAndAction() {
  return /*#__PURE__*/React.createElement(Widget, null, /*#__PURE__*/React.createElement(Widget.Header, {
    display: "flex",
    alignItems: "center"
  }, /*#__PURE__*/React.createElement(Box, {
    flex: 1
  }, /*#__PURE__*/React.createElement(Heading3, null, "I am the widget header title")), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(IconButton, {
    icon: /*#__PURE__*/React.createElement(IconAddMediumOutline, null)
  }))), /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
export var WithFooter = function WithFooter() {
  return /*#__PURE__*/React.createElement(Widget, null, /*#__PURE__*/React.createElement(Widget.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")), /*#__PURE__*/React.createElement(Widget.Footer, null, /*#__PURE__*/React.createElement(Box, {
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/React.createElement(TextBody, null, "I am the widget footer"))));
};