import React from 'react' ; import { Story , Meta } from '@storybook/react' ; import { CircleButton , IButtonProps } from '.' ; interface IProps extends IButtonProps { dark ? : boolean ; } const Template = ( args ) => < CircleButton { ... args } / > ; export default { title : 'Components/Buttons/CircleButton' , component : CircleButton , argTypes : { icon : { control : { type : 'select' , options : [ ] } } , align : { control : { type : 'select' , options : [ 'LEFT' , 'RIGHT' ] } } } } as Meta ; export const CircleButtonView = Template . bind ( { } ) ; CircleButtonView . args = { dark : true , onClick : ( ) => alert ( 'Circle button clicked' ) , children : ( < span style = { { color : '#111' , fontSize : '40px' , lineHeight : '30px' } } > + < /span>) } ;