import * as React from 'react';
interface MatchInfoRowProps {
/** Primary label on the left — typically the game mode. */
mode: string;
/** First secondary label — typically the match date. */
date: string;
/** Second secondary label — typically the match duration. */
duration: string;
/** Icon rendered next to `mode`. Consumer supplies (e.g. phosphor ``). */
modeIcon?: React.ReactNode;
/** Icon rendered next to `date`. */
dateIcon?: React.ReactNode;
/** Icon rendered next to `duration`. */
durationIcon?: React.ReactNode;
/** Extra classes merged onto the outer wrapper. */
className?: string;
}
/**
* Metadata strip shown under the map banner on the match-detail screen —
* game mode on the left, date + duration on the right, each paired with a
* caller-supplied icon.
*
* Data-free: the consumer formats all three strings and supplies the
* icons as `ReactNode` slots. Wrapping in a `` is unnecessary;
* the row already renders its own `bg-card` card chrome.
*/
declare function MatchInfoRow({ mode, date, duration, modeIcon, dateIcon, durationIcon, className, }: MatchInfoRowProps): import("react/jsx-runtime").JSX.Element;
export { MatchInfoRow };
export type { MatchInfoRowProps };
//# sourceMappingURL=match-info-row.d.ts.map