/// <reference types="react" />
import { ObservableValue } from '../../Core/Observable';
import { IListBoxItem } from '../../ListBox';
import { IDropdownProps } from "./Dropdown.Props";
export interface IDropdownPivot<T = {}> extends Pick<IDropdownProps<T>, "actions" | "filterByText" | "filteredNoResultsText" | "filterPlaceholderText" | "noItemsText" | "showFilterBox"> {
    /**
     * Unique id for this pivot.
     */
    id: string;
    /**
     * The items to show when this pivot is active.
     */
    items: IListBoxItem<T>[];
    /**
     * Text to show for this pivot.  Defaults to id if not specified.
     */
    name?: string;
}
export interface IWithPivotsProps<T = {}> {
    /**
     * The children should be a function that takes IWithPivotsChildProps.
     */
    children: (props: IWithPivotsChildProps) => JSX.Element;
    /**
     * A callback to call when a pivot is clicked.
     */
    onPivotClicked?: (pivot: IDropdownPivot<T>) => void;
    /**
     * A list of pivots to show.
     */
    pivots: IDropdownPivot<T>[];
    /**
     * The id of the currently selected pivot.
     */
    selectedPivot?: string | ObservableValue<string>;
}
export interface IWithPivotsChildProps<T = {}> extends Pick<IDropdownProps<T>, "actions" | "filterByText" | "userFilteredItems" | "filteredNoResultsText" | "filterPlaceholderText" | "noItemsText" | "renderCallout" | "showFilterBox"> {
}