import * as React from "react" ; import { StyledTabCount } from "./TabsStyled" ; import { TabNewApplicationsText , TabUnderChallengeText , TabAppealToCouncilText , TabChallengeCouncilAppealText , TabReadyToUpdateText , } from "./textComponents" ; export interface TabTitleProps { count ? : number ; } const TabTitle = props => { return ( < > { props . children } < StyledTabCount > { props . count || "0" } < /StyledTabCount> < />); } ; export const NewApplicationsTabTitle = props => { return ( < TabTitle count = { props . count } > < TabNewApplicationsText /> < /TabTitle>); } ; export const UnderChallengeTabTitle = props => { return ( < TabTitle count = { props . count } > < TabUnderChallengeText /> < /TabTitle>); } ; export const AppealToCouncilTabTitle = props => { return ( < TabTitle count = { props . count } > < TabAppealToCouncilText /> < /TabTitle>); } ; export const ChallengeCouncilAppealTabTitle = props => { return ( < TabTitle count = { props . count } > < TabChallengeCouncilAppealText /> < /TabTitle>); } ; export const ReadyToUpdateTabTitle = props => { return ( < TabTitle count = { props . count } > < TabReadyToUpdateText /> < /TabTitle>); } ;