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

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

# VariantCta
<br />

## `VariantCtas` are used to display the CTAs of a variant.
<br />

### Default
<Canvas>
    <Story name="Default">
        <VariantCta
            callToActions={callToActionsMock}
            configurator={configuratorMock}
            selectedEdition={configuratorMock.selectedEdition}
        />
    </Story>
</Canvas>

### With disabled buttons
<Canvas>
    <Story name="With disabled buttons">
        <VariantCta
            callToActions={callToActionsMock}
            configurator={configuratorMock}
            selectedEdition={configuratorMock.selectedEdition}
            isCtaDisabled
        />
    </Story>
</Canvas>

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