import { forwardRef , Ref } from 'react' ; import Button , { ButtonProps } from './Button' ; import { classnames } from '../../helpers' ; interface Props extends ButtonProps { title ? : string ; className ? : string ; } const FloatingButton = ( { children , title , className , ... rest } , ref ) => { return ( < Button color = "norm" className = { classnames ( [ 'fab flex' , className ] ) } ref = { ref } { ... rest } > { children } < /Button>); } ; export default forwardRef < HTMLButtonElement , Props > ( FloatingButton ) ;