import { Story , Meta } from '@storybook/react' ; import { FloatingActionButton , IButtonProps } from '.' ; import React from 'react' ; export default { title : 'Components/buttons/FloatingActionButton' , component : FloatingActionButton } as Meta ; const Template = ( args ) => ( < FloatingActionButton { ... args } / > ) ; export const SampleFloatButton = Template . bind ( { } ) ; SampleFloatButton . args = { id : 'myButton' , onClick : ( ) => alert ( 'Hello' ) , icon : ( ) => < span style = { { color : '#fff' , fontSize : '40px' } } > + < /span> } ;