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

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

# CardStyle
<br />

## `Card Style`
<br />

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