import { GecutDirective } from '@gecut/lit-helper/directives/directive.js';
import { type PartInfo } from 'lit/directive.js';
import type { IconContent } from '../icon/icon.js';
export type NavigationItemContent = {
    icon: IconContent;
    badge?: string;
} & ({
    onClick(): void;
} | {
    path: string;
}) & ({
    label?: string;
} | {
    labelKey?: string;
});
export interface NavigationBarContent {
    selected: string;
    items: Record<string, NavigationItemContent>;
}
export declare class GecutNavigationBarDirective extends GecutDirective {
    constructor(partInfo: PartInfo);
    render(content?: NavigationBarContent): unknown;
    protected _renderNavItems(content: NavigationBarContent): unknown;
    private onEnterTab;
}
export declare const gecutNavigationBar: (content?: NavigationBarContent | undefined) => import("lit-html/directive.js").DirectiveResult<typeof GecutNavigationBarDirective>;
//# sourceMappingURL=navigation-bar.d.ts.map