import React from 'react';
import markdown from './README.mdx';
import { Module, ModuleHeader, ModuleBody, ModuleFooter } from '../Module';
export default {
  title: 'Components/Content Related/Module',
  component: Module,
  subcomponents: {
    ModuleHeader: ModuleHeader,
    ModuleBody: ModuleBody,
    ModuleFooter: ModuleFooter
  },
  parameters: {
    componentSubtitle: 'Component',
    status: 'released',
    mdx: markdown
  }
};
export var Regular = function Regular(args) {
  return /*#__PURE__*/React.createElement(Module, args, /*#__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(ModuleFooter, null, "Module footer"));
};
var description = "\nYou can customize the content by using `BannerNavigation`.\n";
Regular.story = {
  parameters: {
    docs: {
      storyDescription: description
    }
  }
};
export var Dark = function Dark(args) {
  return /*#__PURE__*/React.createElement(Module, {
    dark: true
  }, /*#__PURE__*/React.createElement(ModuleHeader, null, "Dark 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("p", null, "It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.")), /*#__PURE__*/React.createElement(ModuleFooter, null, "Module footer"));
};
Dark.story = {
  parameters: {
    docs: {
      storyDescription: "Use the `dark` prop to highlight a module."
    }
  }
};
export var Light = function Light(args) {
  return /*#__PURE__*/React.createElement(Module, {
    light: true
  }, /*#__PURE__*/React.createElement(ModuleHeader, null, "Dark 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("p", null, "It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.")), /*#__PURE__*/React.createElement(ModuleFooter, null, "Module footer"));
};
Light.story = {
  parameters: {
    docs: {
      storyDescription: "Use the `light` prop to show a module on a white background."
    }
  }
};
export var WithHover = function WithHover(args) {
  return /*#__PURE__*/React.createElement(Module, {
    light: true,
    withHover: true
  }, /*#__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("p", null, "It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.")));
};
WithHover.story = {
  parameters: {
    docs: {
      storyDescription: "Use the `light` prop to show a module on a white background."
    }
  }
};