{t(TOP_DIMENSION_LABELS[params.breakdown])}
++ {t("customerPortal.analytics.sortedBy", { metric: metricLabel.toLocaleLowerCase() })} +
+{t("customerPortal.analytics.freshness")}
+ > + )} +{t("customerPortal.analytics.memberSpendHint")}
++ {t("customerPortal.analytics.currentSpend")}{" "} + {formatUsd(entity.spend)} + {entity.budgetLimit === null + ? ` ยท ${t("customerPortal.analytics.noBudget")}` + : ` / ${formatUsd(entity.budgetLimit)}`} +
+ ); +} + +export default function CustomerUsageHeader({ + scope, + data, + dateValue, + preset, + onOrganizationClick, + onTeamClick, + onDateRangeChange, +}: CustomerUsageHeaderProps) { + const { t } = useTranslation(); + const entity = data?.member ?? data?.team ?? data?.organization; + const label = entity?.label ?? scope.member ?? scope.team ?? scope.org; + return ( +{t(scopeLabel(scope))}
+{t("customerPortal.analytics.subtitle")}
+ {entity &&{t("customerPortal.analytics.rankingHint")}
++ {t("customerPortal.analytics.trendHint", { dimension: t(DIMENSION_LABELS[dimension]).toLocaleLowerCase() })} +
+{t("customerPortal.analytics.selectOrganization")}
+ + {t("customerPortal.analytics.backToCustomers")} + ++ {t("customerPortal.analytics.sortedBy", { metric: metricLabel.toLocaleLowerCase() })} +
+{t("customerPortal.analytics.freshness")}
+ > + )} +