import React from 'react'

import { ComponentStory, ComponentMeta } from '@storybook/react'

import { Grid, Widget } from '../components'

export default {
  title: 'Components/Grid',
  component: Grid,
} as ComponentMeta<typeof Grid>

const Template: ComponentStory<typeof Grid> = (args) => {
  return (
    <Grid {...args}>
      <Widget title='Test Widget' />
      <Widget title='Test Widget' />
      <Widget title='Test Widget' />
      <Widget title='Test Widget' />
      <Widget title='Test Widget' />
      <Widget title='Test Widget' />
    </Grid>
  )
}

export const Element = Template.bind({})

Element.args = {
  columns: 4,
}
