@eureca/eureca-ui/src/components/Layout/stories/page.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { Container, Typography } from '@material-ui/core';
import { Page } from '..';
import { Flex } from '../../Flex';

import AdminList from '../../Drawer/preset-types/admin.js';

export default { title: 'Originals/Layout', includeStories: [] };

export function LayoutStory() {
  return (
    <Page list={AdminList}>
      <Container maxWidth="xl">
        <Flex width={1} height="100vh" bgcolor="salmon" alignCenter justifyCenter>
          <Typography variant="h1" style={{ color: 'white' }}>
            CONTENT
          </Typography>
        </Flex>
      </Container>
    </Page>
  );
}