import { HTMLProps, PropsWithChildren, ReactElement } from 'react';
export type FlyoutNavigationItemProps = PropsWithChildren<{
    /**
     * Unique ID of the element
     */
    id: string;
    /**
     * Custom anchor positioning relative to the trigger
     */
    anchor?: 'left' | 'center' | 'right' | 'auto';
    /**
     * Custom trigger element
     */
    trigger: ReactElement;
    /**
     * Custom classname
     */
    className?: string;
    /**
     * Active state. Currently only used by the parent element
     */
    active?: boolean;
} & Omit<HTMLProps<HTMLDivElement>, 'ref'>>;
export declare const FlyoutNavigationItem: (props: {
    /**
     * Unique ID of the element
     */
    id: string;
    /**
     * Custom anchor positioning relative to the trigger
     */
    anchor?: "center" | "auto" | "left" | "right" | undefined;
    /**
     * Custom trigger element
     */
    trigger: ReactElement;
    /**
     * Custom classname
     */
    className?: string | undefined;
    /**
     * Active state. Currently only used by the parent element
     */
    active?: boolean | undefined;
} & Omit<HTMLProps<HTMLDivElement>, "ref"> & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;