/**
 * @file @todo @see BrandLanding for an example
 */
import React from 'react'
import { storiesOf } from '@storybook/react'
import Cell from 'atoms/Cell'

const Grid = React.Fragment

const list = ['eh', 'moose', 'canada', 'igloo']

storiesOf('atoms/Grid/Cell', module)
  .add('default', () => <Cell />)
  .add('grid', () => {
    const renderCell = (text: string, index: number) => (
      <Cell key={text} colSpan={1} totalColumns={4}>
        {text}
      </Cell>
    )

    return <Grid>{list.map(renderCell)}</Grid>
  })