import React from 'react';
import { Grid}  from '../src';

export default {
  title: 'Grid',
  component: Grid,
} as any;

const Item = () => <i className="fa fa-home" aria-hidden="true" style={{color: "teal", fontSize: "3em"}}></i>;

export const All = () => 
<div style={{ maxWidth: "500px", margin: "auto"}}>
  <Grid cols="3">
    <Item />
    <Item />
    <Item />
    <Item />
    <Item />
    <Item />
    <Item />
  </Grid>
</div>;