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

interface NavbarContextValue {
    mobileOpen: boolean;
    setMobileOpen: (open: boolean) => void;
}
interface NavbarProps {
    children: ReactNode;
    className?: string;
}
interface NavbarBrandProps {
    children: ReactNode;
    className?: string;
}
interface NavbarItemsProps {
    children: ReactNode;
    className?: string;
}
interface NavbarItemProps extends NavigableProps {
    children: ReactNode;
    active?: boolean;
    className?: string;
}
interface NavbarToggleProps {
    className?: string;
}

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

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

declare function NavbarItem({ children, href, as: As, active, className, ...rest }: NavbarItemProps): react.JSX.Element;
declare namespace NavbarItem {
    var displayName: string;
}

declare function NavbarToggle({ className }: NavbarToggleProps): react.JSX.Element;
declare namespace NavbarToggle {
    var displayName: string;
}

declare function NavbarRoot({ children, className }: NavbarProps): react.JSX.Element;
declare const Navbar: typeof NavbarRoot & {
    Brand: typeof NavbarBrand;
    Items: typeof NavbarItems;
    Item: typeof NavbarItem;
    Toggle: typeof NavbarToggle;
};

declare function useNavbar(): NavbarContextValue;

export { Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, useNavbar };