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

<Meta of={VolumeDiscountCardStories} />

# VolumeDiscountCard

<br />

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

<br />

### Default

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

## Usage Example

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

<VolumeDiscountCard onClick={eventCallback} onMouseDown={eventCallback} />
```

## Props

<ArgsTable of={VolumeDiscountCard} />
