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