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

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

export const Default = () => (
  <Grid gridTemplateColumns="50% 50%" gridTemplateRows="50px 50px">
    <Grid.Item>Row 1 - Column 1</Grid.Item>
    <Grid.Item gridRow="span 2">Row 1&2 - Column 2</Grid.Item>
    <Grid.Item>Row 2 - Column 2</Grid.Item>
  </Grid>
);
