import { html } from 'lit';
import { TailwindElement } from '../../shared/tailwind-element';
import { FunctionMap } from '../../shared/types';
export type NavbarMobileBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
type Styles = FunctionMap<'wrapper' | 'mobileMenuWrapper' | 'mobileMenuTrigger' | 'mobileMenuDropdown' | 'desktopMenuWrapper' | 'desktopCenterWrapper' | 'desktopCenterPlaceholder', string>;
/**
 * A responsive navigation bar with brand logo, desktop menu slots, and mobile hamburger menu.
 *
 * @slot desktop-menu - Right-side desktop navigation links.
 * @slot desktop-center - Center area shown on desktop.
 * @slot mobile-menu - Right-side mobile navigation items (always visible on mobile).
 * @slot mobile-dropdown - Full-screen mobile dropdown content (requires `has-mobile-dropdown-menu`).
 */
export declare class LuksoNavbar extends TailwindElement {
    title: string;
    isCenter: boolean;
    isSticky: boolean;
    isTransparent: boolean;
    isTestnet: boolean;
    icon: string;
    hasMenu: boolean;
    hasMobileDropdownMenu: boolean;
    logoUrl: string;
    mobileBreakpoint: NavbarMobileBreakpoint;
    private isMenuOpen;
    private defaultLogoUrl;
    private styles;
    private handleBrandClick;
    private handleIconClick;
    private handleMenuToggle;
    desktopMenuTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
    desktopCenterTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
    mobileMenuTemplate(styles: Styles): import('lit-html').TemplateResult<1>;
    brandTemplate(): import('lit-html').TemplateResult<1>;
    menuTemplate(styles: Styles): ReturnType<typeof html>;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-navbar': LuksoNavbar;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map