import { Meta , Story } from '@storybook/react' ; import { SectionDrawer } from '.' ; import React from 'react' ; interface IProps { title : string ; linkText : string ; expandable ? : boolean ; linkClickHandler : ( ) => void ; expansionButtonHandler : ( ) => void ; isExpanded : boolean ; visited ? : boolean ; } const Template = ( args ) => ( < SectionDrawer { ... args } > Section information populates here < /SectionDrawer>); export const SectionDrawerView = Template . bind ( { } ) ; SectionDrawerView . args = { title : "Child's details" , expandable : true , linkText : 'Edit' , isExpanded : false , linkClickHandler : ( ) => alert ( 'Link Clicked' ) , expansionButtonHandler : ( ) => alert ( 'Expansion clicked' ) } ; export default { title : 'Components/Interface/SectionDrawer' , component : SectionDrawer } as Meta ;