import { PharosElement } from '../base/pharos-element';
import type { TemplateResult, CSSResultArray, PropertyValues } from 'lit';
/**
 * Pharos tabs component.
 *
 * @tag pharos-tabs
 *
 * @slot - Contains the tabs.
 * @slot panel - Contains the panel to be shown for a tab.
 *
 * @fires pharos-tabs-tab-selected - Fires when the tab is selected.
 *
 */
export declare class PharosTabs extends PharosElement {
    /**
     * If should display a panel separator.
     * @attr panel-separator
     */
    panelSeparator: boolean;
    /**
     * The 0-based index of the tab that is initially selected.
     * @attr selected-tab
     */
    selectedTab: number;
    /**
     * Removes the extra padding and margin from the tab list
     */
    compact: boolean;
    private _tabList;
    private _overflowingLeft;
    private _overflowingRight;
    private _tabs;
    static get styles(): CSSResultArray;
    protected firstUpdated(): Promise<void>;
    protected updated(changedProperties: PropertyValues): Promise<void>;
    private _tabOverflowObserver;
    private _tabListResizeObserver;
    private _watchTablistScrolling;
    private _makeTabVisible;
    private _watchResize;
    disconnectedCallback(): void;
    private _selectInitialTab;
    private _queryPanelByTab;
    private _findTabIndex;
    private _handleTabSelected;
    private _handleKeydown;
    private _handleArrowKeys;
    private _handleEnterKey;
    private _handleFocusout;
    private _renderPanelSeparator;
    private _renderTabList;
    private _renderTabPanels;
    protected render(): TemplateResult;
}
//# sourceMappingURL=pharos-tabs.d.ts.map