import { ReactElement } from 'react';
import { CompositionPosition, CompositionSetting, CompositionSettingPosition } from '@goatim/client';
import { SoccerFieldPositionSize } from '@src/soccer/compositions/soccerFieldPosition';
import { UIDefaultThemes } from '@src/utils';
export interface PositionProps {
    id: string;
    theme?: UIDefaultThemes;
    positions?: CompositionPosition[];
    soccerFieldPositionSize?: SoccerFieldPositionSize;
    onPositionClick?: () => void;
}
export interface CompositionPositionMapProps {
    theme?: UIDefaultThemes;
    compositionSetting?: CompositionSetting;
    positions?: CompositionPosition[];
    soccerFieldPositionSize?: SoccerFieldPositionSize;
    onPositionClick?: (position: CompositionSettingPosition) => unknown;
}
export declare function CompositionPositionMap({ theme, compositionSetting, positions, soccerFieldPositionSize, onPositionClick, }: CompositionPositionMapProps): ReactElement;
