import { Meta , Story } from '@storybook/react' ; import { IMenuItem } from '../header' ; import { HamburgerMenu } from './HamburgerMenu' ; import React from 'react' ; interface IProps { menuTitle : string ; menuItems : IMenuItem [ ] ; } const Template = ( args ) => < HamburgerMenu { ... args } / > ; export const HamburgerMenuView = Template . bind ( { } ) ; HamburgerMenuView . args = { menuTitle : 'HamBurger' , menuItems : [ { title : 'Home' , key : 'Home' , onClick : ( ) => alert ( 'Home clicked' ) } , { title : 'Applications' , key : 'Applications' , onClick : ( ) => alert ( 'Applications clicked' ) } ] } ; export default { title : 'Components/Interface/Hamburger' , component : HamburgerMenu } ;