import { Meta , Story } from '@storybook/react' ; import { DocumentViewer , IDocumentViewerOptions } from './DocumentViewer' ; import React from 'react' ; interface IProps { id ? : string ; options : IDocumentViewerOptions ; } const Template = ( args ) => < DocumentViewer { ... args } / > ; export const DocumentView = Template . bind ( { } ) ; DocumentView . args = { options : { selectOptions : [ { value : 'https://picsum.photos/1920/1080?random' , label : 'National ID' } , { value : 'https://picsum.photos/768/1024?random' , label : 'Passport' } ] , documentOptions : [ { value : 'https://picsum.photos/768/1024?random' , label : 'Passport' } ] } , id : 'Document View' } ; export default { title : 'Components/Interface/DocumentViewer' , component : DocumentViewer } as Meta ;