import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import SelectedEdition from '../SelectedEdition';
import { selectedEditionsMock } from '../../../../mocks/product/configuratorSelectedEdition';
import { CollapsibleJsonSnippet } from '../../../tools/docTools';
import * as SelectedEditionStories from './SelectedEdition.stories';

export const selectedEditionData = selectedEditionsMock.configurator.selectedEdition;

<Meta of={SelectedEditionStories} />

# SelectedEdition

<br />

## `SelectedEditions` are useful to display editions in contexts like product previews.

<br />

### Default

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

## Usage Example

<CollapsibleJsonSnippet summary="selectedEditionData" code={selectedEditionData} />

```jsx
import SelectedEdition from '@appdirect/sfb-theme-components/src/atoms/selected-edition/SelectedEdition';

<SelectedEdition data={selectedEditionData} />
```

## Props

<ArgsTable of={SelectedEdition} />
