import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
import VariantPrice from '../VariantPrice';
import { configuratorMock } from '../../../../../../mocks/product/product-variants/productVariants';

<Meta title="Components (Preview)/Product Variants/Atoms/VariantPrice" component={VariantPrice} />

# VariantPrice
<br />

## `VariantPrices` are used to display the price of a variant.
<br />

### Default
<Canvas>
    <Story name="Default">
        <VariantPrice plans={configuratorMock.selectedEdition.plans} />
    </Story>
</Canvas>


## Props
<ArgsTable of={VariantPrice} />
