import React from "react" ; import { TimerTypes } from "store" ; import { StyledSessions , StyledSessionReset } from "styles" ; import { SVG } from "components" ; type Props = { timerType : TimerTypes [ "timerType" ] ; round : number ; sessionRounds : number ; onClick ? : ( ( event : React . MouseEvent < HTMLButtonElement , MouseEvent > ) => void ) | undefined ; } ; const Sessions = ( { timerType , round , sessionRounds , onClick , } ) => { return ( < StyledSessions > < span > { round } / { sessionRounds } < /span> < span > Sessions < /span> < StyledSessionReset timerType = { timerType } onClick = { onClick } > < SVG name = "refresh" / > < /StyledSessionReset> < /StyledSessions>); } ; export default React . memo ( Sessions ) ;