import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import VolumePricing from '../VolumePricing';
import { mockEditionsI18nData, mockPricingData } from '../../../../mocks/product/volumePricing';
import * as VolumePricingStories from './VolumePricing.stories';

<Meta of={VolumePricingStories} />

# VolumePricing

<br />

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

<br />

### Default

<Canvas>
  <Story of={VolumePricingStories.Default} />
</Canvas>

## Usage Example

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

<VolumePricing />
```

## Props

<ArgsTable of={VolumePricing} />
