import { Meta, Story, ArgsTable, Canvas } from '@storybook/blocks';
import ProductQuestionForm from '../ProductQuestionForm';
import { questionsMock } from '../../../../mocks/product/questions';
import { CollapsibleJsonSnippet } from '../../../tools/docTools';
import * as ProductQuestionFormStories from './ProductQuestionForm.stories';

<Meta of={ProductQuestionFormStories} />

# ProductQuestionForm

<br />

## `ProductQuestionForms` are ready to use forms to submit questions about a product.

<br />

### Default

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

## Usage Example

<CollapsibleJsonSnippet summary="questionsData" code={questionsMock} />

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

<ProductQuestionForm data={questionsData} />

```

## Props

<ArgsTable of={ProductQuestionForm} />
