import * as react from 'react';
import { ReactNode } from 'react';
import { N as NavigableProps } from './types-8Sv0rCjw.js';

type MobileMenuVariant = "flyout" | "bottom-bar";
type MobileMenuSide = "left" | "right";
interface MobileMenuProps {
    children: ReactNode;
    variant?: MobileMenuVariant;
    className?: string;
}
interface MobileMenuFlyoutProps {
    children: ReactNode;
    open: boolean;
    onClose: () => void;
    side?: MobileMenuSide;
    title?: string;
    className?: string;
}
interface MobileMenuBottomBarProps {
    children: ReactNode;
    className?: string;
}
interface MobileMenuItemProps extends NavigableProps {
    children: ReactNode;
    icon?: ReactNode;
    active?: boolean;
    disabled?: boolean;
    badge?: ReactNode;
    onClick?: () => void;
    className?: string;
}
interface MobileMenuContextValue {
    variant: MobileMenuVariant;
}

declare function MobileMenuFlyout({ children, open, onClose, side, title, className, }: MobileMenuFlyoutProps): react.JSX.Element | null;
declare namespace MobileMenuFlyout {
    var displayName: string;
}

declare function MobileMenuBottomBar({ children, className }: MobileMenuBottomBarProps): react.JSX.Element;
declare namespace MobileMenuBottomBar {
    var displayName: string;
}

declare function MobileMenuItem({ children, href, as: As, icon, active, disabled, badge, onClick, className, ...rest }: MobileMenuItemProps): react.JSX.Element;
declare namespace MobileMenuItem {
    var displayName: string;
}

declare const MobileMenu: {
    Flyout: typeof MobileMenuFlyout;
    BottomBar: typeof MobileMenuBottomBar;
    Item: typeof MobileMenuItem;
};

declare function useMobileMenu(): MobileMenuContextValue;

export { MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuProps, type MobileMenuSide, type MobileMenuVariant, useMobileMenu };