import {Canvas, Meta, Story} from '@storybook/addon-docs/blocks'
import Container from './'

<Meta title="Components/Atoms/Container" component={Container} />

# Component

Use this to wrap another component in a container. This will limit the max width of everything inside of it. See [the tailwind container docs](https://tailwindcss.com/docs/container) for details.

<Canvas>
  <Story name="Component">
    <Container>
      <div className="p-32 bg-black text-white">I am contained.</div>
    </Container>
  </Story>
</Canvas>
