import { ReactElement } from 'react';
import { Composition, CompositionSetting, CompositionSettingPosition } from '@fridaygame/client';
import { SoccerFieldPositionSize } from './soccerFieldPosition';
export type CompositionPositionMapTheme = 'dark' | 'light';
export interface PositionProps {
    id?: string;
    theme?: CompositionPositionMapTheme;
    composition?: Pick<Composition, 'goalkeeper' | 'positions'>;
    soccerFieldPositionSize?: SoccerFieldPositionSize;
    onPositionClick?: () => void;
}
export interface CompositionPositionMapProps {
    theme?: CompositionPositionMapTheme;
    compositionSetting?: CompositionSetting;
    composition?: Pick<Composition, 'goalkeeper' | 'positions'>;
    soccerFieldPositionSize?: SoccerFieldPositionSize;
    onPositionClick?: (position: CompositionSettingPosition | 'goalkeeper') => unknown;
}
export declare function CompositionPositionMap({ theme, compositionSetting, composition, soccerFieldPositionSize, onPositionClick, }: CompositionPositionMapProps): ReactElement;
