import React from 'react';
import { Active, CollisionDetection, DropAnimation, KeyboardCoordinateGetter, Modifiers, MeasuringConfiguration, PointerActivationConstraint, UniqueIdentifier } from '@dnd-kit/core';
import { arrayMove, SortingStrategy, AnimateLayoutChanges, NewIndexGetter } from '@dnd-kit/sortable';
export declare type GridProps = {
    id: UniqueIdentifier;
    node?: React.ReactNode;
};
export declare function createRange<T = number>(length: number, initializer?: (index: number) => any): T[];
export interface GridDragProps {
    activationConstraint?: PointerActivationConstraint;
    animateLayoutChanges?: AnimateLayoutChanges;
    adjustScale?: boolean;
    collisionDetection?: CollisionDetection;
    coordinateGetter?: KeyboardCoordinateGetter;
    Container?: any;
    dropAnimation?: DropAnimation | null;
    getNewIndex?: NewIndexGetter;
    handle?: boolean;
    grids?: GridProps[];
    defaultGrids?: GridProps[];
    onGridsChange?: (val: GridProps[]) => void;
    measuring?: MeasuringConfiguration;
    modifiers?: Modifiers;
    renderItem?: any;
    removable?: boolean;
    reorderItems?: typeof arrayMove;
    strategy?: SortingStrategy;
    style?: React.CSSProperties;
    useDragOverlay?: boolean;
    getItemStyles?(args: {
        id: UniqueIdentifier;
        index: number;
        isSorting: boolean;
        isDragOverlay: boolean;
        overIndex: number;
        isDragging: boolean;
    }): React.CSSProperties;
    wrapperStyle?(args: {
        active: Pick<Active, 'id'> | null;
        index: number;
        isDragging: boolean;
        id: UniqueIdentifier;
    }): React.CSSProperties;
    isDisabled?(id: UniqueIdentifier): boolean;
}
export declare function GridDrag(props: GridDragProps): JSX.Element;
interface SortableItemProps {
    animateLayoutChanges?: AnimateLayoutChanges;
    disabled?: boolean;
    getNewIndex?: NewIndexGetter;
    id: UniqueIdentifier;
    index: number;
    handle: boolean;
    useDragOverlay?: boolean;
    onRemove?(id: UniqueIdentifier): void;
    style(values: any): React.CSSProperties;
    renderItem?(args: any): React.ReactElement;
    wrapperStyle: GridDragProps['wrapperStyle'];
    children?: React.ReactNode;
    handleProps?: any;
}
export declare function SortableItem({ disabled, animateLayoutChanges, getNewIndex, handle, id, index, onRemove, style, renderItem, useDragOverlay, wrapperStyle, children, handleProps, }: SortableItemProps): JSX.Element;
export {};