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

<Meta title="Components/Product Questions" component={ProductQuestions} />

# ProductQuestions
<br />

## `ProductQuestions` are used to display questions posted by users.
<br />

### Default
<Canvas>
    <Story name="Default">
        <ProductQuestions data={questionsMock} />
    </Story>
</Canvas>


## Usage Example
<CollapsibleJsonSnippet
    summary="productQuestionsData"
    code={questionsMock}
/>

```jsx
import ProductQuestions from
    '@appdirect/sfb-theme-components/src/components/product-questions/ProductQuestions';
<ProductQuestions data={productQuestionsData} />
```
## Props

<ArgsTable of={ProductQuestions} />
