import React from 'react' ; import { Meta , Story } from '@storybook/react' ; import { action } from '@storybook/addon-actions' ; import { IssueCredentialDialogContent as Component , Props , } from './IssueCredentialDialogContent' ; const meta = { title : 'Molecules/Dialogs/Issue/Content' , component : Component } ; export default meta ; const Template = ( args ) => < Component { ... args } / > ; export const Content = Template . bind ( { } ) ; const options = [ { value : 'did:example:123#key-0' , logo : 'https://issuer.interop.transmute.world/logo512.png' , label : 'Key 0' } , { value : 'did:example:456#key-1' , logo : 'https://issuer.interop.transmute.world/logo512.png' , label : 'Key 1' } , ] ; Content . args = { options , setDialogState : ( state ) => { action ( 'setDialogState' ) ( state ) ; } } ;