import {
  Meta,
  Story,
  Preview,
  Title,
  Subtitle,
  Description,
  Props,
} from '@storybook/addon-docs/blocks';
import { withKnobs } from '@storybook/addon-knobs';

import { PDFViewer } from '../';
import { PDFViewerStory } from './pdf.stories.js';

<Meta title='Originals/Display' component={PDFViewer} decorators={[withKnobs]}/>

<Title>PDF Viewer</Title>

<Description>
  Visualizador de PDF dos aplicativos Eureca. Utiliza a biblioteca [react-pdf](https://react-pdf.org/)
</Description>

<Preview>
  <Story name="PDF Viewer">
    <PDFViewerStory />
  </Story>
</Preview>

<Subtitle>Props</Subtitle>

|   Nome  |            Descrição            |   Default   |
|:-------:|:-------------------------------:|:-----------:|
| pdf | Arquivo PDF a ser exibido <br /> 'string' \| 'node' | '' |

<Subtitle>Exemplo de Aplicação</Subtitle>

```jsx
<PDFViewer pdf={sample} />
```