import * as React from 'react';
import { type RankPyramidTier } from '../../components/blocks/rank-pyramid';
interface RankProgress {
    /** Current progress value. For normal ranked tiers this is usually the current RR. */
    value: number;
    /** Maximum progress value. Defaults to `100` for normal RR tiers. */
    max?: number;
    /** Deprecated: progress no longer renders a text label. */
    label?: string;
    /** Right-side value next to the bar. Defaults to `"value/max"`. */
    valueLabel?: string;
}
interface RankCardProps {
    /** Season header shown above the tier icon, e.g. `"E11 A2"`. */
    seasonTitle: string;
    /** Competitive tier display icon URL. */
    tierIcon?: string;
    /** Competitive tier id. Tier `0` is unranked and hides RR unless progress is supplied. */
    tier?: number;
    /** Tier name, e.g. `"Diamond 2"`. */
    tierName?: string;
    /** Tier name accent color from the competitive tier API, with or without the leading `#`. */
    tierColor?: string;
    /** Ranked Rating value. */
    rankedRating?: number;
    /** Suffix shown after the RR value (default `"RR"`). Pass `""` to hide. */
    rrLabel?: string;
    /** Optional leaderboard position shown as `Rank {n}` in the tier summary. */
    leaderboardRank?: number;
    /** Optional rank-rating rail shown below the rank summary. */
    rankProgress?: RankProgress;
    /** Icon displayed to the right of the rank-progress value. */
    rankProgressIcon?: React.ReactNode;
    /** Tap handler for `rankProgressIcon`. The card's `onPress` is not invoked by this action. */
    onRankProgressIconPress?: () => void;
    /** Header shown above the pyramid, e.g. `"ACT RANK"`. */
    actRankLabel: string;
    /** Pre-sorted (highest first) filled-slot list forwarded to the pyramid. */
    filledTiers?: ReadonlyArray<RankPyramidTier>;
    /** Border icon URL drawn behind the pyramid. */
    borderIcon?: string;
    /** Pyramid outer width in px. Defaults to `80` to match the career screen. */
    pyramidSize?: number;
    /** Chevron rendered on the far right when `onPress` is set (e.g. phosphor `<CaretRight />`). */
    chevron?: React.ReactNode;
    /** Tap handler. When omitted the card renders without `Pressable` and hides the chevron slot. */
    onPress?: () => void;
    /** Show the skeleton placeholder for the tier column; the pyramid shows its empty-state. */
    isLoading?: boolean;
    /** Show the rank-rating rail placeholder while loading. */
    showRankProgressSkeleton?: boolean;
    /** Extra classes merged onto the outer wrapper. */
    className?: string;
}
/**
 * Career rank card — composes `RankTierCard` (season + tier icon + RR) next to
 * `RankPyramid` (act-rank wins), with an optional chevron + tap handler for
 * the rank-history drill-in.
 *
 * Data-free: the consumer resolves tier metadata, pre-sorts the pyramid's
 * filled-slot list, and supplies the chevron icon and navigation handler.
 */
declare function RankCard({ seasonTitle, tierIcon, tier, tierName, tierColor, rankedRating, rrLabel, leaderboardRank, rankProgress, rankProgressIcon, onRankProgressIconPress, actRankLabel, filledTiers, borderIcon, pyramidSize, chevron, onPress, isLoading, showRankProgressSkeleton, className, }: RankCardProps): import("react/jsx-runtime").JSX.Element;
export { RankCard };
export type { RankCardProps, RankProgress };
//# sourceMappingURL=rank-card.d.ts.map