import { Story, Canvas, ArgsTable, Meta } from '@storybook/blocks';
import * as FeaturedProductStories from './FeaturedProduct.stories';
import FeaturedProduct from '../FeaturedProduct';

<Meta of={FeaturedProductStories} />

# FeaturedProduct

<br />

## `FeaturedProduct` can be used to showcase a product, while also providing various options for customization.

<br />

### Default

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

### Price free

<Canvas>
  <Story of={FeaturedProductStories.PriceFree} />
</Canvas>

### No image

<Canvas>
  <Story of={FeaturedProductStories.DefaultImage} />
</Canvas>

### With settings

<Canvas>
  <Story of={FeaturedProductStories.WithSettings} />
</Canvas>

## Props

<ArgsTable of={FeaturedProduct} />
