import React from 'react';
import Blockquote from '../../components/Blockquote';
import RegularPage from '../RegularPage';
import Story from '../../components/Story';
import Wrapper from '../../components/Wrapper';
import { Module, ModuleHeader, ModuleBody } from '../../components/Module';
import markdown from './README.mdx';
export default {
  title: 'Templates/Regular Page',
  parameters: {
    componentSubtitle: 'Example',
    status: 'released',
    mdx: markdown,
    introText: 'The regular page template is used for content pages showing mainly linear texts like blog articles, wikis or news. Avoid using it for dashboards with a lot of Modules.',
    previewWidth: 'full'
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(RegularPage, {
    title: "Regular content page",
    withoutSecondaryTabs: true
  }, /*#__PURE__*/React.createElement(Wrapper, {
    pageWidth: "lg",
    spacing: "md"
  }, /*#__PURE__*/React.createElement("div", {
    className: "row"
  }, /*#__PURE__*/React.createElement("div", {
    className: "col-xs-12 col-md-8 col-lg-8"
  }, /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement("p", null, "Use this page type with a white background for displaying", ' ', /*#__PURE__*/React.createElement("span", {
    className: "wfp--inline-highlight"
  }, "read-only"), " content, like documentation, news or wiki pages."), /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."), /*#__PURE__*/React.createElement("h3", null, "Use this for regular content pages"), /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."), /*#__PURE__*/React.createElement(Blockquote, {
    title: "Notice"
  }, "Notice Resources should not be spent trying to modify legacy systems, 3rd party applications or other user interfaces which cannot easily be customised."), /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."))), /*#__PURE__*/React.createElement("div", {
    className: "col-xs-12 col-md-4 col-lg-4"
  }, /*#__PURE__*/React.createElement(Module, {
    noMargin: true,
    light: true,
    style: {
      padding: '1rem 0 0 2rem'
    }
  }, /*#__PURE__*/React.createElement(ModuleHeader, null, "Module Example"), /*#__PURE__*/React.createElement(ModuleBody, null, /*#__PURE__*/React.createElement("p", null, "Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."))), /*#__PURE__*/React.createElement(Module, {
    noMargin: true,
    light: true,
    style: {
      padding: '1rem 0 0 2rem'
    }
  }, /*#__PURE__*/React.createElement(ModuleHeader, null, "Module Example"), /*#__PURE__*/React.createElement(ModuleBody, null, /*#__PURE__*/React.createElement("p", null, "It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.")))))));
};
Regular.args = {};