import React from 'react';
import markdown from './README.mdx';
import ApplicationPage from './ApplicationPage';
import DashboardPage from './Dashboard';
export default {
  title: 'Templates/Application page',
  component: ApplicationPage,
  parameters: {
    componentSubtitle: 'Example',
    mdx: markdown,
    status: 'released',
    previewWidth: 'full'
  }
};
export var Default = function Default(args) {
  return /*#__PURE__*/React.createElement(ApplicationPage, null);
};
Default.story = {
  parameters: {
    docs: {
      source: {
        code: "\nimport { Wrapper, Module, ModuleHeader, ModuleBody, ModuleFooter } from \"@wfp/ui\";\n\n<Wrapper background=\"lighter\" pageWidth=\"lg\" spacing=\"md\">\n<div className=\"row\">\n  <Module className=\"col-xs-12 col-md-6 col-lg-4\">\n    <ModuleHeader>Module Example</ModuleHeader>\n    <ModuleBody>\n      <p>\n        Content\n      </p>\n    </ModuleBody>\n  </Module>\n\n  <Module className=\"col-xs-12 col-md-6 col-lg-4\">\n    <ModuleHeader>Module Example</ModuleHeader>\n    <ModuleBody>\n      <p>\n        Content\n      </p>\n    </ModuleBody>\n  </Module>\n\n  <Module className=\"col-xs-12 col-md-6 col-lg-4\">\n    <ModuleHeader>Module Example</ModuleHeader>\n    <ModuleBody>\n      <p>\n        Content\n      </p>\n    </ModuleBody>\n  </Module>\n\n  <Module className=\"col-xs-12 col-md-6 col-lg-6\">\n    <ModuleHeader>Module Example</ModuleHeader>\n    <ModuleBody>\n      <p>\n        Content\n      </p>\n    </ModuleBody>\n  </Module>\n\n  <Module className=\"col-xs-12 col-md-6 col-lg-6\">\n    <ModuleHeader>Module Example</ModuleHeader>\n    <ModuleBody>\n      <p>\n        Content\n      </p>\n    </ModuleBody>\n  </Module>\n</div>\n</Wrapper>\n      "
      }
    }
  }
};
/*
export const Dashboard = (args) => <DashboardPage />;

Dashboard.story = {
  parameters: {
    docs: {
      storyDescription: `In cases the applications works with minor restrictions and you just want to inform the user you can show a <InfoBar />.`,
    },
  },
};
*/