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

<Meta title="Components/Product Question Form" component={ProductQuestionForm} />

# ProductQuestionForm
<br />

## `ProductQuestionForms` are ready to use forms to submit questions about a product.
<br />

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