import { Interpolation, Theme } from '@emotion/react';
import { DisplayedItem, GridBoundaries, MaterialItem, MaterialMove } from '@gamepark/rules-api';
import React from 'react';
import { CanUndo, UndoFunction } from '../../hooks';
import { MaterialComponentProps } from './MaterialComponent';
export type DraggableMaterialProps<M extends number = number> = {
    index: number;
    displayIndex: number;
    boundaries: GridBoundaries;
    isFocused?: boolean;
    item: MaterialItem;
    disabled: boolean;
    positionDeps: unknown;
    legalMoves: MaterialMove[];
    animation?: Interpolation<Theme>;
    undo: UndoFunction<MaterialMove>;
    canUndo: CanUndo<MaterialMove>;
} & MaterialComponentProps<M>;
export declare const DraggableMaterial: <M extends number = number>(props: DraggableMaterialProps<M>) => React.ReactElement | null;
export declare function dataIsDisplayedItem<M extends number = number>(data?: Record<string, any>): data is DisplayedItem<M>;