import * as React from "react" ; import { StyledSubTabCount } from "./DashboardStyledComponents" ; import { SubTabAllChallengesVotedText , SubTabRevealVoteText , SubTabClaimRewardsText , SubTabRescueTokensText , SubTabChallengesCompletedText , SubTabChallengesStakedText , } from "./DashboardTextComponents" ; export interface DashboardActivityTabTitleProps { count ? : number ; } const DashboardActivityTabTitle = props => { return ( < > { props . children } < StyledSubTabCount > { props . count || "0" } < /StyledSubTabCount> < />); } ; export const AllChallengesDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabAllChallengesVotedText /> < /DashboardActivityTabTitle>); } ; export const RevealVoteDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabRevealVoteText /> < /DashboardActivityTabTitle>); } ; export const ClaimRewardsDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabClaimRewardsText /> < /DashboardActivityTabTitle>); } ; export const RescueTokensDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabRescueTokensText /> < /DashboardActivityTabTitle>); } ; export const ChallengesCompletedDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabChallengesCompletedText /> < /DashboardActivityTabTitle>); } ; export const ChallengesStakedDashboardTabTitle = props => { return ( < DashboardActivityTabTitle count = { props . count } > < SubTabChallengesStakedText /> < /DashboardActivityTabTitle>); } ;