import { Meta, Story, Canvas, ArgsTable } from '@storybook/blocks';
import VariantSelectionPreview from '../VariantSelectionPreview';
import { variantImages, selectedOptionsAllValid, selectedOptionsNotAllValid,
    configuratorMock, callToActionsMock } from '../../../../../../mocks/product/product-variants/productVariants';
import * as VariantSelectionPreviewStories from './VariantSelectionPreview.stories';

<Meta of={VariantSelectionPreviewStories} />

# VariantSelectionPreview

<br />

## `VariantSelectionPreviews` are used to display the current selected product variant.

<br />

### Default

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

### With image and price

<Canvas>
  <Story of={VariantSelectionPreviewStories.WithImageAndPrice} />
</Canvas>

### With disabled variant

<Canvas>
  <Story of={VariantSelectionPreviewStories.WithDisabledVariant} />
</Canvas>

### Condensed

<Canvas>
  <Story of={VariantSelectionPreviewStories.Condensed} />
</Canvas>

## Props

<ArgsTable of={VariantSelectionPreview} />
