import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import { getKnobs } from '../../../../tools/knobsHelper';
import HorizontalStyle from '../../../../constants/atoms/schema/product-group-tiles/horizontal-style';
import { defaultValues } from '../../../../constants/atoms/product-group-tiles';

<Meta title="Atoms (Preview)/ProductGroupStyles/HorizontalStyle" component={HorizontalStyle} />

# HorizontalStyle
<br />

## `Horizontal Style`
<br />

### List mode
<Canvas>
    <Story name="HorizontalStyle">
        <HorizontalStyle
            {...getKnobs(HorizontalStyle.schema().form)}
            defaultValues={defaultValues}
        />
    </Story>
</Canvas>
