import * as React from 'react';
type PlayerRowRole = 'me' | 'ally' | 'enemy';
interface PlayerRowProps {
/** Agent display icon URL — fills the left square. */
agentIconUrl?: string;
/** Player display name. Falls back to nothing if omitted. */
name?: string;
/** Row tint: `me` → yellow, `ally` → green, `enemy` → red. */
role: PlayerRowRole;
/** Party marker color. Pass the same color for players in the same party. */
partyColor?: string;
/** Pre-formatted KDA, e.g. `"21/14/8"`. */
kda?: string;
/** Average combat score shown under the KDA line. */
avgScore?: number;
/** Competitive tier icon URL — small badge rendered before the name. */
tierIconUrl?: string;
/** Marker shown next to the avg-score line. Consumer supplies (e.g. phosphor ``). */
scoreIcon?: React.ReactNode;
/** Extra classes merged onto the outer row wrapper. */
className?: string;
}
/**
* Single scoreboard row inside the match-detail player list — agent icon
* on the left, optional tier badge, player name, KDA / avg-score on the
* right. Background tint is driven by `role`:
* - `me` — yellow (highlights the viewer)
* - `ally` — green
* - `enemy` — red
*
* Data-free: the consumer resolves the agent + tier icons, formats KDA,
* and decides role. Stack instances with a `` between rows
* inside a `bg-card rounded-2xl overflow-hidden` container to match the
* app's scoreboard card.
*/
declare function PlayerRow({ agentIconUrl, name, role, partyColor, kda, avgScore, tierIconUrl, scoreIcon, className, }: PlayerRowProps): import("react/jsx-runtime").JSX.Element;
export { PlayerRow };
export type { PlayerRowProps, PlayerRowRole };
//# sourceMappingURL=player-row.d.ts.map