import { TailwindElement } from '../../shared/tailwind-element';
export type NavbarMobileBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
export declare class LuksoNavbar extends TailwindElement {
    title: string;
    isCenter: boolean;
    isSticky: boolean;
    isTransparent: boolean;
    isTestnet: boolean;
    icon: string;
    hasMenu: boolean;
    logoUrl: string;
    mobileBreakpoint: NavbarMobileBreakpoint;
    private isMenuOpen;
    private defaultLogoUrl;
    private styles;
    private handleBrandClick;
    private handleIconClick;
    private handleMenuToggle;
    desktopMenuTemplate(styles: {
        desktopMenuWrapper: () => string;
    }): import("lit-html").TemplateResult<1>;
    desktopCenterTemplate(styles: {
        desktopCenterWrapper: () => string;
    }): import("lit-html").TemplateResult<1>;
    mobileMenuTemplate(styles: {
        mobileMenuTrigger: () => string;
        mobileMenuDropdown: () => string;
        mobileMenuWrapper: () => string;
    }): import("lit-html").TemplateResult<1>;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-navbar': LuksoNavbar;
    }
}
//# sourceMappingURL=index.d.ts.map