import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
import cx from "classnames";
import type { ReactNode } from "react";
import { FilterOptionSelect } from "../../../components/core/filter-bar/filter-bar-types";
import "./list-box.scss";
type ListBoxItem = {
    className?: cx.Argument;
    divider?: false;
    display: string | ((status: ListBoxOptionStatus) => ReactNode);
    icon?: IconDefinition;
    key: string;
};
export type MinListBoxItem = ListBoxItem | {
    divider: true;
};
export type ListBoxProps = {
    btnClassName?: cx.Argument;
    children?: ReactNode;
    className?: cx.Argument;
    defaultIndex?: number;
    selectedIndex?: number;
    items: MinListBoxItem[];
    onChange: (index: number, item: ListBoxItem) => void;
    optionsClassName?: cx.Argument;
    useBasicStyles?: boolean;
};
export type ListBoxOptionStatus = {
    active?: boolean;
    filter?: FilterOptionSelect;
    listView?: boolean;
    selected?: boolean;
};
export declare const ListBox: import("react").ForwardRefExoticComponent<ListBoxProps & import("react").RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=list-box.d.ts.map