import { FunctionComponent, HTMLProps, ReactNode } from 'react';
import { DraggableListOptions } from '../DraggableList/DraggableList';
export interface ListComponentProps {
id: string;
children?: ReactNode;
}
export interface ListItemComponentProps {
listId: string;
id: string;
children?: ReactNode;
}
export interface ListItemBodyComponentProps {
listId: string;
id: string;
}
export interface TransferListListProps extends Omit, 'onDragEnd' | 'as' | 'placeholder'> {
/** The id of the list. */
id: string;
/** Specify a custom component to render a drag handle. */
dragHandleComponent?: FunctionComponent>;
/** Specify a custom component to render the list container.
* Defaults to a ol element
*/
listComponent?: FunctionComponent;
/** Specify a custom component to render the list item container.
* Defaults to a li element
*/
listItemComponent?: FunctionComponent;
/** Specify a custom component to render the body of each list item.
* Defaults to a span element containing the id of the item.
*/
listItemBodyComponent?: FunctionComponent;
/** Additional configuration options for drag and drop behaviour. */
options?: DraggableListOptions;
}
/**
* A list holding items that can receive or send items to other lists.
*/
export declare const TransferListList: FunctionComponent;