import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import CartSelectionPreview from '../CartSelectionPreview';
import { productDomainAppMock } from '../../../../mocks/product/productDomainApp';

<Meta title="Atoms/Cart Selection Preview" component={CartSelectionPreview} />

# CartSelectionPreview
<br />

## `CartSelectionPreviews` are used to display the summary of products/addons added in the cart.
<br />

### Default
<Canvas>
    <Story name="Default">
        <CartSelectionPreview cart={productDomainAppMock.cart.items[0]} />
    </Story>
</Canvas>


## Usage Example
```jsx
import CartSelectionPreview from
    '@appdirect/sfb-theme-components/src/atoms/cart-selection-preview/CartSelectionPreview';

<CartSelectionPreview />

```
## Props

<ArgsTable of={CartSelectionPreview} />
