import React from "react" ; import theme from "../../themes" ; import { GaugeWrapper , GaugePercent } from "./styles" ; interface IProps { percent : string ; bgColor ? : string ; } const Gauge = ( { percent , bgColor = theme . colors . mainblue } ) => { return ( < GaugeWrapper $bgColor = { bgColor } > < GaugePercent percent = { percent } $bgColor = { bgColor } / > < /GaugeWrapper>); } ; export default React . memo ( Gauge ) ;