import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import ProductReviewForm from '../ProductReviewForm';
import { CollapsibleJsonSnippet } from '../../../tools/docTools';
import { productReviewsMock } from '../../../../mocks/product/productReviewForm';

<Meta title="Components/Product Write Review Form" component={ProductReviewForm} />

# ProductReviewForm
<br />

## `ProductReviewForms` provide a ready to use form to post product reviews.
<br />

### Default
<Canvas>
    <Story name="Default">
        <ProductReviewForm data={productReviewsMock} />
    </Story>
</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} />
