import React from 'react'
import { Story, Meta } from '@storybook/react'
import { Layout, LayoutProps } from './Layout'

export default {
  title: 'Structure/Layout',
  component: Layout,
  argTypes: {}
} as Meta

const Template: Story<LayoutProps> = (args: any) => (
  <Layout {...args}>
    <Layout.Section twoThird justify={'center'} align={'center'}>
      1/3
    </Layout.Section>
    <Layout.Section twoThird>1/3</Layout.Section>
    <Layout.Section twoThird>1/3</Layout.Section>
  </Layout>
)

export const Default = Template.bind({})
Default.args = {
  maxWidth: '4xl',
  mxAuto: true,
}
