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

<Meta of={ProductQuestionsStories} />

# ProductQuestions

<br />

## `ProductQuestions` are used to display questions posted by users.

<br />

### Default

<Canvas>
  <Story of={ProductQuestionsStories.Default} />
</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} />
