"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.WithMultipleBody = exports.WithHeaderAndAction = exports.WithHeader = exports.WithFooter = exports.FullWidget = exports.Basic = void 0;

var _react = _interopRequireDefault(require("react"));

var _utils = require("../../../.storybook/utils");

var _index = require("../../index");

var _uiIcons = require("@teamleader/ui-icons");

var _default = {
  component: _index.Widget,
  title: (0, _utils.addStoryInGroup)(_utils.COMPOSITIONS, 'Widget')
};
exports.default = _default;

var FullWidget = function FullWidget(args) {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, args, /*#__PURE__*/_react.default.createElement(_index.Widget.Header, {
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/_react.default.createElement(_index.Heading3, null, "I am the widget header title"), /*#__PURE__*/_react.default.createElement(_index.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_index.IconButton, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconEditMediumOutline, null)
  }), /*#__PURE__*/_react.default.createElement(_index.IconButton, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconAddMediumOutline, null)
  }), /*#__PURE__*/_react.default.createElement(_index.IconMenu, {
    active: true,
    position: "top-right"
  }, /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Menu item 1"
  }), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Menu item 2"
  }), /*#__PURE__*/_react.default.createElement(_index.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_index.MenuItem, {
    label: "Disabled menu item...",
    disabled: true
  })))), /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")));
};

exports.FullWidget = FullWidget;

var Basic = function Basic() {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, null, /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")));
};

exports.Basic = Basic;

var WithMultipleBody = function WithMultipleBody() {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, null, /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")), /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")));
};

exports.WithMultipleBody = WithMultipleBody;

var WithHeader = function WithHeader() {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, null, /*#__PURE__*/_react.default.createElement(_index.Widget.Header, null, /*#__PURE__*/_react.default.createElement(_index.Heading3, null, "I am the widget header title")), /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")));
};

exports.WithHeader = WithHeader;

var WithHeaderAndAction = function WithHeaderAndAction() {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, null, /*#__PURE__*/_react.default.createElement(_index.Widget.Header, {
    display: "flex",
    alignItems: "center"
  }, /*#__PURE__*/_react.default.createElement(_index.Box, {
    flex: 1
  }, /*#__PURE__*/_react.default.createElement(_index.Heading3, null, "I am the widget header title")), /*#__PURE__*/_react.default.createElement(_index.Box, null, /*#__PURE__*/_react.default.createElement(_index.IconButton, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconAddMediumOutline, null)
  }))), /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")));
};

exports.WithHeaderAndAction = WithHeaderAndAction;

var WithFooter = function WithFooter() {
  return /*#__PURE__*/_react.default.createElement(_index.Widget, null, /*#__PURE__*/_react.default.createElement(_index.Widget.Body, null, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "Here you can add arbitrary content.")), /*#__PURE__*/_react.default.createElement(_index.Widget.Footer, null, /*#__PURE__*/_react.default.createElement(_index.Box, {
    display: "flex",
    alignItems: "center",
    justifyContent: "space-between"
  }, /*#__PURE__*/_react.default.createElement(_index.TextBody, null, "I am the widget footer"))));
};

exports.WithFooter = WithFooter;