import { ReactChild, ReactElement } from "react";
import { MenuPlacement } from "../Menu";
export type Item = {
    id: number | string;
    name: string;
};
export type RenderDisplayProps<T extends Item> = Pick<DropdownProps<T>, "display" | "selectedItem"> & {
    isDisabled: boolean;
    toggleIsOpen: () => void;
};
export type RenderClickableFn<T extends Item> = (props: RenderDisplayProps<T>) => ReactElement;
export type ItemBodyRendererFn<T extends Item> = (state: {
    item: T;
    isSelected: boolean;
}) => ReactChild;
export interface DropdownProps<T extends Item> {
    itemBodyRenderer?: ItemBodyRendererFn<T>;
    items: T[];
    onSelect: (item: T) => void;
    display: ReactChild;
    renderClickable?: RenderClickableFn<T>;
    selectedItem: T | null;
    placement?: MenuPlacement;
}
export declare function Dropdown<T extends Item>({ itemBodyRenderer, items, onSelect: handleSelect, display, renderClickable, selectedItem, placement }: DropdownProps<T>): JSX.Element;