import React from 'react';
import { CollisionDetection, DropAnimation, Modifiers, MeasuringConfiguration, PointerActivationConstraint, UniqueIdentifier } from '@dnd-kit/core';
import { SortingStrategy, AnimateLayoutChanges } from '@dnd-kit/sortable';
import { IData, TLabel } from './utils/models';
import { ThemeOptions } from './theme/ThemeContext';
export interface Props {
    activationConstraint?: PointerActivationConstraint;
    animateLayoutChanges?: AnimateLayoutChanges;
    adjustScale?: boolean;
    collisionDetection?: CollisionDetection;
    Container?: any;
    dropAnimation?: DropAnimation | null;
    handle?: boolean;
    items?: IData[];
    itemDisable?: (item: IData) => boolean;
    theme?: ThemeOptions;
    measuring?: MeasuringConfiguration;
    modifiers?: Modifiers;
    renderItem?(args: any): React.ReactElement;
    removable?: boolean;
    reorderItems?: (orderItems: IData[]) => void;
    strategy?: SortingStrategy;
    changeItems?: () => void;
    useDragOverlay?: boolean;
    getItemStyles?(args: {
        id: UniqueIdentifier;
        index: number;
        isSorting: boolean;
        isDragOverlay: boolean;
        overIndex: number;
        isDragging: boolean;
    }): React.CSSProperties;
    wrapperStyle?(args: {
        index: number;
        isDragging: boolean;
        id: string;
        width?: number;
    }): React.CSSProperties;
    id?: string;
}
export declare function Sortable({ animateLayoutChanges, adjustScale, Container, theme, collisionDetection, dropAnimation, getItemStyles, handle, items, itemDisable, measuring, modifiers, renderItem, reorderItems, strategy, useDragOverlay, wrapperStyle, id, }: Props): JSX.Element;
export interface SortableItemProps {
    animateLayoutChanges?: AnimateLayoutChanges;
    disabled?: boolean;
    id: string;
    index: number;
    width: number;
    handle: boolean;
    useDragOverlay?: boolean;
    item: IData;
    onRemove?(id: string): void;
    style(values: any): React.CSSProperties;
    renderItem?(args: any): React.ReactElement;
    wrapperStyle(args: {
        index: number;
        isDragging: boolean;
        id: string;
        width?: number;
    }): React.CSSProperties;
    label: TLabel;
    labelProps?: any;
}
export declare function SortableItem({ disabled, animateLayoutChanges, handle, id, index, onRemove, style, renderItem, item, useDragOverlay, wrapperStyle, width, label, labelProps, }: SortableItemProps): JSX.Element;