import { Meta , Story } from '@storybook/react' ; import { DesktopHeader , IDesktopHeaderProps } from './DesktopHeader' ; import React from 'react' ; export default { title : 'Components/Interface/Header/Desktop/DesktopHeader' , component : DesktopHeader } as Meta ; const menuItems = [ { key : 'application' , title : 'Application' , selected : true , onClick : ( ) => alert ( 'application' ) } , { key : 'performance' , title : 'Performance' , selected : false , onClick : ( ) => alert ( 'performance' ) } ] ; const Template = ( args ) => ( < DesktopHeader { ... args } / > ) ; export const DesktopHeaderView = Template . bind ( { } ) ; DesktopHeaderView . args = { menuItems } ;