import { Meta , Story } from '@storybook/react' ; import { Hamburger , SearchDark } from '../../../icons' ; import { MobileHeader , IMobileHeaderProps } from './MobileHeader' ; import React from 'react' ; export default { title : 'Components/Interface/Header/Mobile/MobileHeader' , component : MobileHeader } as Meta ; const Template = ( args ) => < MobileHeader { ... args } / > ; export const MobileHeaderView = Template . bind ( { } ) ; MobileHeaderView . args = { id : 'register_mobile_header' , mobileLeft : { icon : ( ) => < Hamburger />, handler : ( ) => alert ( 'left menu clicked' ) } , title : 'Mobile header' , mobileRight : { icon : ( ) => < SearchDark />, handler : ( ) => alert ( 'right menu clicked' ) } } ;