import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import ProductReviewForm from '../ProductReviewForm';
import { CollapsibleJsonSnippet } from '../../../tools/docTools';
import { productReviewsMock } from '../../../../mocks/product/productReviewForm';
import * as ProductReviewFormStories from './ProductReviewForm.stories';

<Meta of={ProductReviewFormStories} />

# ProductReviewForm

<br />

## `ProductReviewForms` provide a ready to use form to post product reviews.

<br />

### Default

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

## Usage Example

<CollapsibleJsonSnippet summary="productReviewsData" code={productReviewsMock} />

```jsx
import ProductReviewForm from '@appdirect/sfb-theme-components/src/components/product-review-form/ProductReviewForm';

<ProductReviewForm data={productReviewsData} />
```

## Props

<ArgsTable of={ProductReviewForm} />
