import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import CartAddonPreview from '../CartAddonPreview';
import { cartMock } from '../../../../mocks/cart';

<Meta title="Atoms/Cart Addon Preview" component={CartAddonPreview} />

# CartAddonPreview
<br />

## `CartAddonPreviews` are used to show the current addon added to cart as preview.
<br />

### Default
<Canvas>
    <Story name="Default">
        <CartAddonPreview {...cartMock.items[0].childItems[0].itemDetails} />
    </Story>
</Canvas>


## Usage Example

```jsx
import CartAddonPreview from '@appdirect/sfb-theme-components/src/atoms/cart-addon-preview/CartAddonPreview';

<CartAddonPreview />
```
## Props

<ArgsTable of={CartAddonPreview} />
