import { ButtonProps } from '../atoms/Button';
import { IconProps } from '../atoms/Icon';
import { DropdownItemProps } from './Dropdown';
export interface ToolbarItem {
    label?: string;
    icon?: IconProps["name"];
    size?: ButtonProps["size"];
    variant?: ButtonProps["variant"];
    className?: ButtonProps["className"];
    onClick?: ButtonProps["onClick"];
    disabled?: ButtonProps["disabled"];
    /**
     * Dropdown items nested into current item.
     * If they are set, the current item will be rendered as a `Dropdown` that can be opened by clicking the `Button` configure using current item's props.
     */
    dropdownItems?: DropdownItemProps[][];
}
export interface ToolbarProps {
    /**
     * Toolbar menu items.
     * They are rendered as `Button`s as default behavior. They could behave as a `Dropdown` if they have `dropdownItems`.
     */
    items: ToolbarItem[];
}
/**
 * This component renders a horizontal navigation menu made of `Button`s and `Dropdown`s.
 */
export declare const Toolbar: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
    items: ToolbarItem[];
    delayMs?: number | undefined;
    isLoading?: boolean | undefined;
}>;