import { Meta , Story } from '@storybook/react' ; import { PrimaryButton } from '../buttons' ; import { ResponsiveModal } from './ResponsiveModal' ; import React from 'react' ; interface IProps { id ? : string ; title : string ; show : boolean ; responsive ? : boolean ; width ? : number ; contentHeight ? : number ; contentScrollableY ? : boolean ; actions : JSX . Element [ ] ; handleClose ? : ( ) => void ; hideHeaderBoxShadow ? : boolean ; } const Template = ( args ) => ( < ResponsiveModal { ... args } > Children elements will go here < /ResponsiveModal>); export const ResponsiveModalView = Template . bind ( { } ) ; ResponsiveModalView . args = { title : 'Are you ready to submit?' , actions : [ < PrimaryButton key = "submit" onClick = { ( ) => alert ( 'Submit button clicked' ) } > Submit < /PrimaryButton>, < button key = "preview" onClick = { ( ) => alert ( 'Preview Button clicked' ) } > Preview < /button> ] , show : true , handleClose : ( ) => { alert ( 'Closed' ) ; } } ; export default { title : 'Components/Interface/ResponsiveModal' , component : ResponsiveModal } as Meta ;