import { MouseEvent, ReactElement } from 'react';
import { To } from 'react-router';
import { Composition, Match } from '@fridaygame/client';
export type MatchRankingTheme = 'dark' | 'light';
export interface MatchRankingProps {
    match: Match;
    ranking?: Composition[];
    myComposition?: Composition;
    toComposition?: To;
    onClickComposition?: (composition: Composition, event: MouseEvent<HTMLButtonElement>) => unknown;
    toNewComposition?: To;
    onClickNewComposition?: (event: MouseEvent<HTMLButtonElement>) => unknown;
    theme?: MatchRankingTheme;
}
export declare function MatchRanking({ match, ranking, myComposition, toComposition, onClickComposition, toNewComposition, onClickNewComposition, theme, }: MatchRankingProps): ReactElement;