import React from 'react';
import MD from 'react-markdown';
import docs from './PageWrapper.md';
import { Box, PageWrapper, Typography } from '../..';
export default {
  title: 'Molecules / PageWrapper',
  parameters: {
    component: PageWrapper
  }
};
export var Documentation = function Documentation() {
  return React.createElement(Typography, {
    type: "primary"
  }, React.createElement(MD, null, docs));
};
export var PageWrapperStory = {
  render: function render() {
    return React.createElement(PageWrapper, null, React.createElement(Box, {
      py: 4
    }, React.createElement(Typography, {
      type: "primary"
    }, "Page contents inside the PageWrapper can be anything.")));
  },
  name: 'PageWrapper'
};
export var PageWrapperWithACustomBackground = {
  render: function render() {
    return React.createElement(PageWrapper, {
      background: function background(t) {
        return t.color.background;
      }
    }, React.createElement(Box, {
      py: 4
    }, React.createElement(Typography, {
      type: "primary"
    }, "Page contents inside the PageWrapper can be anything.")));
  },
  name: 'PageWrapper with a custom background'
};