import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import Grid from '../Grid';
import * as GridStories from './Grid.stories';

<Meta of={GridStories} />

# Grid

<br />

## `Grids` are used to build layouts.

<br />

### Generic columns

<Canvas>
  <Story of={GridStories.GenericColumns} />
</Canvas>

### With item min width

<Canvas>
  <Story of={GridStories.WithMinWidth} />
</Canvas>

## Usage Example

```jsx
import Grid from '@appdirect/sfb-theme-components/src/atoms/grid/Grid';

<Grid maxCol={3} stretch={false}>
    <div>One</div>
    <div>Two</div>
    <div>Three</div>
</Grid>
```

## Props

<ArgsTable of={Grid} />
