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