import { BaseComponent } from '@italia/globals';
/**
 * BottomNav item component representing a single navigation entry.
 * - Wraps slotted content (typically an anchor `<a>` with an icon and a label)
 * - Active state can be set via the `active` attribute/property
 * - Sets `aria-current="page"` on the first slotted link when active
 * - Supports progressive enhancement: links work even without JavaScript
 * - Framework-agnostic: works with any JS framework link component (Next.js, Nuxt, Vue Router, etc.)
 */
export declare class ItBottomNavItem extends BaseComponent {
    static styles: import("lit").CSSResultGroup;
    active: boolean;
    /**
     * Syncs `aria-current` on the slotted link based on current active state.
     * Queries light DOM directly to support any framework-specific link components
     * (Next.js <Link>, Nuxt <NuxtLink>, Vue <RouterLink>, etc.)
     */
    syncAriaOnLink(): void;
    updated(changedProperties: Map<string, unknown>): void;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'it-bottom-nav-item': ItBottomNavItem;
    }
}
//# sourceMappingURL=it-bottom-nav-item.d.ts.map