type MapBannerResult = 'win' | 'loss' | 'draw'; interface MapBannerProps { /** Map splash art URL — fills the banner, darkened with a black overlay. */ splashUrl?: string; /** Map display name shown along the bottom edge. */ mapName?: string; /** * Score-pair mode: both `myTeamScore` and `enemyTeamScore` set renders the * left/centre/right "13 — VICTORY — 9" layout. Omit both and pass * `placementLabel` for the deathmatch / placement single-label layout. */ myTeamScore?: number; enemyTeamScore?: number; /** Centered label in score-pair mode (e.g. "VICTORY" / "DEFEAT" / "DRAW"). */ outcomeLabel?: string; /** Deathmatch / placement label (e.g. "1ST", "3RD / 14"). Presence switches the banner to single-column layout. */ placementLabel?: string; /** * Colour treatment. `"win"` paints my score green + enemy red in score-pair * mode, or paints the placement label gold in placement mode. `"loss"` * flips the score colours. `"draw"` leaves everything white. */ result?: MapBannerResult; /** Centers the score/outcome group as a whole instead of using the full-width three-column layout. */ centerContent?: boolean; /** Extra classes merged onto the outer wrapper. */ className?: string; } /** * Match-detail hero banner — map splash background with a darkened overlay, * score pair (team modes) or a single placement label (deathmatch / * placement) centered on top, and the map name along the bottom edge. * * Data-free: the consumer resolves the splash URL and the display strings. * Passing `placementLabel` switches the layout; otherwise `myTeamScore` + * `enemyTeamScore` + `outcomeLabel` drive the three-column score layout. */ declare function MapBanner({ splashUrl, mapName, myTeamScore, enemyTeamScore, outcomeLabel, placementLabel, result, centerContent, className, }: MapBannerProps): import("react/jsx-runtime").JSX.Element; export { MapBanner }; export type { MapBannerProps, MapBannerResult }; //# sourceMappingURL=map-banner.d.ts.map