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

export const editionsData = mockVolumePricingV2.marketplaceProduct.editions;

<Meta of={VolumePricingCardStories} />

# VolumePricing

<br />

## `VolumePricingCard` is used to display volume based discounts available for product editions.

<br />

### Default

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

## Usage Example

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

<VolumePricingCard />
```

## Props

<ArgsTable of={VolumePricingCard} />
