import { Interpolation, Theme } from '@emotion/react';
import { Location, MaterialMove, MoveItem, MoveItemsAtOnce, XYCoordinates } from '@gamepark/rules-api';
import { ComponentType, ElementType } from 'react';
import { LocationContext, MaterialContext } from '../../../locators';
import { ComponentDescription, ComponentSize } from '../ComponentDescription';
export declare class LocationDescription<P extends number = number, M extends number = number, L extends number = number, Id = any, R extends number = number, V extends number = number> extends ComponentDescription<Id> {
    constructor(clone?: Partial<Pick<LocationDescription, 'height' | 'width' | 'ratio' | 'borderRadius' | 'extraCss' | 'positionOnParent'>>);
    Component: ElementType;
    ignoreCoordinates: boolean;
    help?: ComponentType<LocationHelpProps<P, L>>;
    getLocationSize(location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): ComponentSize;
    /**
     * Where the area of the location stands on its parent item, in percentage of the parent's size, when that
     * differs from where the locator puts the items the location holds. Use {@link getPositionOnParent} to
     * provide a dynamic position.
     *
     * {@link Locator.getPositionOnParent} answers a different question: it says where one *item* of the location
     * stands, which is a point - the centre of a pawn, of a card. An area is a box, and the two coincide only
     * while the box is the size of what it holds. A drop area drawn the size of the whole parent item is the
     * plainest counter-example: it covers the parent, so it is centred on it ({x: 50, y: 50}), whatever spot of
     * that parent the items themselves are placed on.
     *
     * Undefined, the default, means the two do coincide and the locator has the answer.
     */
    positionOnParent?: XYCoordinates;
    /**
     * See {@link positionOnParent}.
     *
     * @param _location The location
     * @param _context Context of the game
     * @returns the position of the area on its parent item, or undefined to follow the locator
     */
    getPositionOnParent(_location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): XYCoordinates | undefined;
    image?: string;
    images?: Record<Id extends keyof any ? Id : never, string>;
    getImage(location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): string | undefined;
    helpImage?: string;
    getHelpImage(location: Location<P, L>, context: MaterialContext<P, M, L, R, V>): string | undefined;
    getImages(): string[];
    extraCss?: Interpolation<Theme>;
    getExtraCss(_location: Location<P, L>, _context: LocationContext<P, M, L, R, V>): Interpolation<Theme>;
    getLocationTransform(location: Location<P, L>, context: LocationContext<P, M, L, R, V>): string[];
    highlight?(location: Location<P, L>, context: MaterialContext<P, M, L, R, V>): boolean | undefined;
    content?: ComponentType<{
        location: Location;
    }>;
    canLongClick(move: MaterialMove<P, M, L, R, V>, location: Location<P, L>, context: MaterialContext<P, M, L, R, V>): boolean;
    placeOnShortClick: boolean;
    canShortClick(move: MaterialMove<P, M, L, R, V>, location: Location<P, L>, context: MaterialContext<P, M, L, R, V>): boolean;
    isMoveToLocation(move: MaterialMove<P, M, L, R, V>, location: Location<P, L>, context: MaterialContext<P, M, L, R, V>): boolean;
    getMoveLocation(move: MoveItem<P, M, L> | MoveItemsAtOnce<P, M, L>, context: MaterialContext<P, M, L, R, V>): Location<P, L>;
    getShortClickMove(_location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): MaterialMove<P, M, L, R, V> | undefined;
    getShortClickLocalMove(_location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): MaterialMove<P, M, L, R, V> | undefined;
    displayInParentItemHelp?: boolean;
    /**
     * The move to execute in order to display the help dialog about this location.
     * By default, open the help about this specific location, but can be overloaded for any other behavior.
     * @param location The location
     * @param _context Context of the game
     * @return The move to play to open the help dialog, if any
     */
    displayHelp(location: Location<P, L>, _context: MaterialContext<P, M, L, R, V>): MaterialMove<P, M, L, R, V> | undefined;
}
export type LocationHelpProps<P extends number = number, L extends number = number> = {
    location: Location<P, L>;
    closeDialog: () => void;
};