import * as React from 'react';
import Container from './index';
import Stack from '../Stack';
import Text from '../../Text/Text';
import Heading from '../../Text/Heading';

export default {
  title: 'Components|Layout/Container',
  component: Container,
};

export const index = () => (
  <Container>
    <Stack>
      <Heading>Page heading</Heading>
      <Text>
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure exercitationem dignissimos
        molestiae et. Praesentium accusamus esse voluptatibus optio ratione consectetur, sed cum
        veritatis molestias quas maxime saepe impedit amet exercitationem.
      </Text>
    </Stack>
  </Container>
);