/// <reference types="react" />
import { Placement } from '@popperjs/core';
import { LinkRouter } from '../types/index.js';
export interface FlyoutMenuButtonProps {
    colorTheme?: 'primary' | 'accent' | 'third';
    classNames?: object;
    className?: string;
    modifiers?: any[];
    placement?: Placement;
    router?: LinkRouter;
    callsToAction?: {
        label: string;
        href: string;
        icon: React.ElementType;
    }[];
    item?: any;
    label: string;
    children?: React.ReactNode;
    /** See tailwind UI flyout menus */
    type?: 'simple' | 'stackedWithFooterActions' | 'twoColumnWithSolidIcons' | 'threeColumnWithSolidIcons' | 'app';
    items: {
        label?: string | React.ReactNode;
        href?: string;
        description?: string;
        icon?: React.ElementType;
        type?: undefined | 'divider';
        external?: boolean;
        onClick?: (data: any) => void;
    }[];
    offset?: [number | null | undefined, number | null | undefined];
    buttonProps?: any;
    usePortal?: boolean;
}
declare function FlyoutMenuButton({ classNames: _classNames, className, label, items, offset, placement, type, callsToAction, router, colorTheme, buttonProps, children, modifiers, usePortal, item: currentItem, }: FlyoutMenuButtonProps): JSX.Element;
export default FlyoutMenuButton;