"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.headerWithActions = exports.header = exports.defaultStory = exports.default = exports.body = void 0;

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

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

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

var _button = _interopRequireDefault(require("../button"));

var _buttonGroup = _interopRequireDefault(require("../buttonGroup"));

var _OverviewPage = _interopRequireDefault(require("./OverviewPage"));

var _constants = require("../../constants");

var _typography = require("../typography");

var defaultOverviewPageHeaderProps = {
  title: 'I am the overview page title'
};
var _default = {
  component: _OverviewPage.default,
  title: (0, _utils.addStoryInGroup)(_utils.COMPOSITIONS, 'OverviewPage'),
  parameters: {
    backgrounds: {
      default: 'Neutral light',
      values: [{
        name: 'Neutral lightest',
        value: _constants.COLOR.NEUTRAL.LIGHTEST
      }, {
        name: 'Neutral light',
        value: _constants.COLOR.NEUTRAL.LIGHT
      }]
    },
    info: {
      propTables: false
    },
    docs: {
      source: {
        type: 'code'
      }
    }
  }
};
exports.default = _default;

var defaultStory = function defaultStory(args) {
  return /*#__PURE__*/_react.default.createElement(_OverviewPage.default, null, /*#__PURE__*/_react.default.createElement(_OverviewPage.default.Header, args), /*#__PURE__*/_react.default.createElement(_OverviewPage.default.Body, null, /*#__PURE__*/_react.default.createElement(_typography.TextBody, null, "Here you can add arbitrary content.")));
};

exports.defaultStory = defaultStory;
defaultStory.args = defaultOverviewPageHeaderProps;

var header = function header(args) {
  return /*#__PURE__*/_react.default.createElement(_OverviewPage.default.Header, args);
};

exports.header = header;
header.storyName = 'Header';
header.args = defaultOverviewPageHeaderProps;
header.parameters = {
  info: {
    propTables: [_OverviewPage.default.Header]
  }
};

var headerWithActions = function headerWithActions(args) {
  return /*#__PURE__*/_react.default.createElement(_OverviewPage.default.Header, args, /*#__PURE__*/_react.default.createElement(_buttonGroup.default, null, /*#__PURE__*/_react.default.createElement(_button.default, null, "Export"), /*#__PURE__*/_react.default.createElement(_button.default, {
    icon: /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDownSmallOutline, null),
    iconPlacement: "right"
  }, "Import"), /*#__PURE__*/_react.default.createElement(_button.default, {
    level: "primary"
  }, "Add item")));
};

exports.headerWithActions = headerWithActions;
headerWithActions.storyName = 'Header with actions';
headerWithActions.args = defaultOverviewPageHeaderProps;
headerWithActions.parameters = {
  info: {
    propTables: [_OverviewPage.default.Header]
  }
};

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

exports.body = body;
body.storyName = 'Body';
body.parameters = {
  info: {
    propTables: [_OverviewPage.default.Body]
  }
};