import { EventEmitter } from '../../stencil-public-runtime'; declare const Tabs_base: abstract new (...args: any[]) => { componentDidLoad(): void; disconnectedCallback(): void; hostElement?: import("@stencil/core/internal").HTMLStencilElement; connectedCallback?(): void; componentWillRender?(): Promise | void; componentDidRender?(): void; componentWillLoad?(): Promise | void; componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void; componentWillUpdate?(): Promise | void; componentDidUpdate?(): void; render?(): any; } & import("../utils/internal/component").StencilLifecycle & { inheritAriaAttributes: import("../utils/a11y").A11yAttributes; getIgnoredAriaAttributes(): import("../utils/a11y").A11yAttributeName[]; componentWillLoad(): Promise | void; ariaAttributeChanged(newValue: string | null, _: string | null, propName: string): void; hostElement?: import("@stencil/core/internal").HTMLStencilElement; connectedCallback?(): void; disconnectedCallback?(): void; componentWillRender?(): Promise | void; componentDidRender?(): void; componentDidLoad?(): void; componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void; componentWillUpdate?(): Promise | void; componentDidUpdate?(): void; render?(): any; }; export declare class Tabs extends Tabs_base { hostElement: HTMLIxTabsElement; /** * Set tab items to small size */ small: boolean; /** * Set rounded tabs */ rounded: boolean; /** * Set layout width style */ layout: 'auto' | 'stretched'; /** * Set placement style */ placement: 'bottom' | 'top'; /** * Aria label for the overflow menu button. * * @since 5.0.0 */ ariaLabelMoreTabs: string; /** * Active tab key. * * @since 5.0.0 */ activeTabKey?: string; /** * Keyboard interaction behavior: * automatic: A tabs widget where tabs are automatically activated and their panel is displayed when they receive focus. * manual: A tabs widget where users activate a tab and display its panel by pressing Space or Enter. * * @since 5.0.0 */ keyboardNavigation: 'automatic' | 'manual'; /** * Tab selection event. Event detail contains the new active tab key. * * @since 5.0.0 */ tabChange: EventEmitter; /** * Tab close event. Event detail contains the closed tab key. * * @since 5.0.0 */ tabClose: EventEmitter; private isTabsOverflow; private overflowMenuItems; private resizeObserver?; private itemsObserver?; private readonly tabsContainerRef; private readonly tabsRef; private get tabs(); componentDidLoad(): void; componentWillLoad(): void; disconnectedCallback(): void; onActiveTabChange(tabKey: string | undefined, oldTabKey: string | undefined): void; private setTabActive; private onComponentChildrenChange; private onComponentResize; private onTabClick; private emitTabChangeEvent; private onTabsNavigate; render(): any; } export {};