/// <reference types="react" />
export declare type PepDraggableItemsTitleType = 'none' | 'regular' | 'with-bottom-border';
export declare type PepDraggableItemPlaceholderType = 'none' | 'regular' | 'weak';
declare type PepSizeType = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export interface PepDraggableItemsItemData {
    key: string;
    [key: string]: unknown;
}
export interface PepDraggableItemsItem {
    title: string;
    data: PepDraggableItemsItemData;
    disabled?: boolean;
}
export interface PepDraggableItemsProps extends React.HTMLAttributes<HTMLElement> {
    containerId?: string;
    showSearch?: boolean;
    title?: string;
    titleType?: PepDraggableItemsTitleType;
    titleSizeType?: PepSizeType;
    itemPlaceholderType?: PepDraggableItemPlaceholderType;
    dropAreaIds?: string[];
    items?: PepDraggableItemsItem[];
    onItemDragStarted?: (e: unknown) => void;
    onItemDragEnded?: (e: unknown) => void;
    className?: string;
}
export declare const PepDraggableItems: React.FC<PepDraggableItemsProps>;
export {};