import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import VolumePricing from '../VolumePricing';
import { mockEditionsI18nData, mockPricingData } from '../../../../mocks/product/volumePricing';

<Meta title="Atoms/Volume Pricing" component={VolumePricing} />

# VolumePricing
<br />

## `VolumePricing` is used to display discounts available for an edition for a specified volume.
<br />

### Default
<Canvas>
    <Story name="Default">
        <VolumePricing data={mockEditionsI18nData} price={mockPricingData} />
    </Story>
</Canvas>

## Usage Example

```jsx
import VolumeDiscountCard
from '@appdirect/sfb-theme-components/src/atoms/volume-pricing/VolumePricing';

<VolumePricing />
```
## Props

<ArgsTable of={VolumePricing} />
