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

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

# HorizontalStyle
<br />

## `Horizontal Style`
<br />

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