import React from 'react' ; import { Story , Meta } from '@storybook/react' ; import { IconButton , IButtonProps } from '.' ; const Template = ( args ) => < IconButton { ... args } / > ; export default { title : 'Components/Buttons/IconButton' , component : IconButton , argTypes : { icon : { control : { type : 'select' , options : [ ] } } , align : { control : { type : 'select' , options : [ 'LEFT' , 'RIGHT' ] } } } } as Meta ; export const IconButtonView = Template . bind ( { } ) ; IconButtonView . args = { id : 'myButton' , onClick : ( ) => alert ( 'Hello' ) , icon : ( ) => ( < span style = { { color : '#fff' , fontSize : '40px' , lineHeight : '30px' } } > + < /span>) } ;