import React from 'react';
import { addStoryInGroup, COMPOSITIONS } from '../../../.storybook/utils';
import { IconChevronDownSmallOutline } from '@teamleader/ui-icons';
import Button from '../button';
import ButtonGroup from '../buttonGroup';
import OverviewPage from './OverviewPage';
import { COLOR } from '../../constants';
import { TextBody } from '../typography';
var defaultOverviewPageHeaderProps = {
  title: 'I am the overview page title'
};
export default {
  component: OverviewPage,
  title: addStoryInGroup(COMPOSITIONS, 'OverviewPage'),
  parameters: {
    backgrounds: {
      default: 'Neutral light',
      values: [{
        name: 'Neutral lightest',
        value: COLOR.NEUTRAL.LIGHTEST
      }, {
        name: 'Neutral light',
        value: COLOR.NEUTRAL.LIGHT
      }]
    },
    info: {
      propTables: false
    },
    docs: {
      source: {
        type: 'code'
      }
    }
  }
};
export var defaultStory = function defaultStory(args) {
  return /*#__PURE__*/React.createElement(OverviewPage, null, /*#__PURE__*/React.createElement(OverviewPage.Header, args), /*#__PURE__*/React.createElement(OverviewPage.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content.")));
};
defaultStory.args = defaultOverviewPageHeaderProps;
export var header = function header(args) {
  return /*#__PURE__*/React.createElement(OverviewPage.Header, args);
};
header.storyName = 'Header';
header.args = defaultOverviewPageHeaderProps;
header.parameters = {
  info: {
    propTables: [OverviewPage.Header]
  }
};
export var headerWithActions = function headerWithActions(args) {
  return /*#__PURE__*/React.createElement(OverviewPage.Header, args, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "Export"), /*#__PURE__*/React.createElement(Button, {
    icon: /*#__PURE__*/React.createElement(IconChevronDownSmallOutline, null),
    iconPlacement: "right"
  }, "Import"), /*#__PURE__*/React.createElement(Button, {
    level: "primary"
  }, "Add item")));
};
headerWithActions.storyName = 'Header with actions';
headerWithActions.args = defaultOverviewPageHeaderProps;
headerWithActions.parameters = {
  info: {
    propTables: [OverviewPage.Header]
  }
};
export var body = function body() {
  return /*#__PURE__*/React.createElement(OverviewPage.Body, null, /*#__PURE__*/React.createElement(TextBody, null, "Here you can add arbitrary content."));
};
body.storyName = 'Body';
body.parameters = {
  info: {
    propTables: [OverviewPage.Body]
  }
};