import { Meta , Story } from '@storybook/react' ; import { ActionPage } from './ActionPage' ; import { Box } from './Box' ; import React from 'react' ; interface IProps { title ? : string ; backLabel ? : string ; icon ? : ( ) => React . ReactNode ; goBack : ( ) => void ; } const Template = ( args ) => ( < ActionPage { ... args } > < Box > < h3 > Children elements will go here < /h3> < /Box> < /ActionPage>); export const ActionPageView = Template . bind ( { } ) ; ActionPageView . args = { title : 'Register' , backLabel : 'BACK' , goBack : ( ) => alert ( 'Back button clicked' ) } ; export default { title : 'Components/Interface/ActionPage' , component : ActionPage } as Meta ;