import { ReactNode } from 'react';
export interface NavbarProps {
    children?: ReactNode;
    /** Tailwind background class (default `bg-transparent`). */
    bgColor?: string;
    /** Make navbar sticky at the top. Ignored when `overlay` is also set. */
    sticky?: boolean;
    /**
     * Float the navbar over the next sibling (e.g. a hero section) using
     * absolute positioning. Unlike `sticky`, it doesn't reserve layout space
     * and scrolls away with the page. Takes precedence over `sticky` when
     * both are provided.
     */
    overlay?: boolean;
    /**
     * Translucent dark background with backdrop-blur. Composes with `overlay`
     * for a glass hero-overlay look. Pair with `dark` when the resulting
     * background is dark enough that you need light text.
     */
    glass?: boolean;
    /**
     * Marks the navbar as a dark surface so the brand and content text
     * use the light `var(--text)` color. Use for primary-toned navbars
     * or glass overlays on dark heroes.
     */
    dark?: boolean;
    className?: string;
}
export interface NavbarBrandProps {
    children?: ReactNode;
    className?: string;
}
export interface NavbarContentProps {
    children?: ReactNode;
    className?: string;
}
declare function NavbarBrand({ children, className }: Readonly<NavbarBrandProps>): import("react").JSX.Element;
declare function NavbarContent({ children, className }: Readonly<NavbarContentProps>): import("react").JSX.Element;
export declare const Navbar: (({ children, bgColor, sticky, overlay, glass, dark, className, }: Readonly<NavbarProps>) => import("react").JSX.Element) & {
    Brand: typeof NavbarBrand;
    Content: typeof NavbarContent;
};
export {};
//# sourceMappingURL=Navbar.d.ts.map