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>;
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').TemplateResult<1>;
    desktopCenterTemplate(styles: Styles): import('lit').TemplateResult<1>;
    mobileMenuTemplate(styles: Styles): import('lit').TemplateResult<1>;
    brandTemplate(): import('lit').TemplateResult<1>;
    menuTemplate(styles: Styles): ReturnType<typeof html>;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lukso-navbar': LuksoNavbar;
    }
}
export {};
//# sourceMappingURL=index.d.ts.map