import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import ProductGroup from '../ProductGroup';
import { getKnobs } from '../../../tools/knobsHelper';
import productGroupTilesMocks from '../../../../mocks/product/productGroupTiles';

<Meta title="Components (Preview)/Product Group" component={ProductGroup} />

# ProductGroup
<br />

## `ProductGroup` are used to transition to a predefined group of products
<br />

### Default
<Canvas>
    <Story name="Default">
        <div>
            <ProductGroup
                settings={{
                    ...getKnobs(ProductGroup.schema().form),
                    productGroupList: productGroupTilesMocks
                }}
                defaultValues={{
                    headerTitle: 'Header title',
                    headerDescription: 'Header description'
                }}
            />
        </div>
    </Story>
</Canvas>
