import React from 'react'
import { storiesOf } from '@storybook/react'
import { styled } from 'styleh-components'
import Row from 'atoms/Row'

const Cell = styled.div`
  flex: 1;
`

/**
 * @todo need to import cell component
 */
storiesOf('atoms/Grid/Row', module).add('default', () => (
  <Row>
    <Cell>Row: first column</Cell>
    <Cell>Row: second column</Cell>
  </Row>
))