import { ReactElement, ReactNode } from 'react';
import './ReorderableListBox.scss';
import type { DroppableCollectionReorderEvent } from '@react-types/shared';
export interface ReorderableListItem {
    id: string | number;
    data: object | string | number;
    content: ReactNode | string | ReactElement;
    selected?: boolean;
}
export interface ReorderableListBoxProps {
    listItems?: ReorderableListItem[];
    onListReorder?: (items: ReorderableListItem[], e?: DroppableCollectionReorderEvent) => void;
    className?: string;
}
/**
 *
 * @param props.listItems - An array of ListItem, with id, data content and selected
 * @param props.onListReorder - Called after being dragged. Take in the new orderred list and the event
 * @returns
 */
export declare const ReorderableListBox: (props: ReorderableListBoxProps) => import("react/jsx-runtime").JSX.Element;
export default ReorderableListBox;