import React from 'react' ; import './Badge.css' ; type Circle = 'circle' ; type Square = 'square' ; export type BadgeShape = Circle | Square ; export interface Props { icon : string ; backgroundColor ? : string ; shape ? : BadgeShape ; } export default React . forwardRef ( ( { icon , backgroundColor , shape = 'circle' } , ref ) => ( < i ref = { ref } className = { `Badge Badge--${ shape } fa fa-${ icon }` } style = { { background : backgroundColor } } />));