import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import VolumePricingModal from '../VolumePricingModal';
import { mockEditionsI18nData, mockVolumePricingV2 } from '../../../../mocks/product/volumePricing';
import * as VolumePricingModalStories from './VolumePricingModal.stories';

<Meta of={VolumePricingModalStories} />

# VolumePricingModal

<br />

## `VolumePricingModal` is used to display a modal for volume based discounts available for a product.

<br />

### Default

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

## Usage Example

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

<VolumePricingModal />
```

## Props

<ArgsTable of={VolumePricingModal} />
