import LibraryBaseElement from '../../internal/library-base-element.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary Short summary of the component's intended use.
 * @documentation /components/navbar-item
 * @status wip
 * @since 1.5
 *
 * @dependency o-icon
 * @dependency o-typography
 *
 * @slot - The default slot - for sub-categories.
 * @slot icon to pass the default icon (unselected)
 * @slot icon-selected to pass the default icon for selected
 *
 * @csspart icon
 * @csspart icon-selected
 *
 * @cssproperty [--o-navbar-item-text-color=var(--o-color-neutral-1000)]
 * @cssproperty [--o-navbar-item-text-color-selected=var(--o-color-primary-600)]
 * @cssproperty [--o-navbar-item-background=var(--o-color-neutral-0, white)]
 * @cssproperty [--o-navbar-item-background-selected=var(--o-color-neutral-100)]
 * @cssproperty [--o-navbar-item-background-hover=var(--o-color-neutral-100)]
 * @cssproperty [--o-navbar-item-background-active=var(--o-color-neutral-100)]
 * @cssproperty [--o-navbar-item-indicator-selected=var(--o-color-primary-600)]
 * @cssproperty [--o-navbar-item-count-border-color=var(--o-color-neutral-100)]
 * @cssproperty [--o-navbar-item-count-background-color=var(--o-color-neutral-50)]
 * @cssproperty [--o-navbar-item-count-background-color-selected=var(--o-color-neutral-100)]
 */
export default class ONavbarItem extends LibraryBaseElement {
    static styles: CSSResultGroup;
    text: string;
    count?: number;
    isParent: boolean;
    accordionOpen: boolean;
    accordionElement: HTMLDivElement;
    onAccordionOpenUpdate(): void;
    private subitems;
    private currentSubItemSelected;
    deselect(): void;
    handleClick: () => void;
    private handleSlotChange;
    private handleReachedMax;
    private handleChildSelect;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'o-navbar-item': ONavbarItem;
    }
}