import { EventEmitter } from '../../stencil-public-runtime';
import type { PanelSubNavItem } from './panel-sub-nav-types';
export type PanelSubNavBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'always-dark';
export declare class PanelSubNav {
    el: HTMLElement;
    /** Required selected item id when enabled items exist. Keep synchronized with the visible panel. */
    value: string;
    /**
     * Local panel tabs. Assign this array through the JavaScript property.
     * Replace the array reference when items change.
     */
    items: PanelSubNavItem[];
    /** Actual parent surface context. Omit on primary and secondary surfaces. */
    background: PanelSubNavBackground | undefined;
    ariaLabel: string | null;
    ariaLabelledby: string | undefined;
    dsChange: EventEmitter<string>;
    private get enabledItems();
    private get focusableId();
    private selectItem;
    private focusItem;
    onValueChange(next: string, previous: string | undefined): void;
    private findEnabled;
    handleKeyDown(event: KeyboardEvent): void;
    render(): any;
}
//# sourceMappingURL=PanelSubNav.d.ts.map