import { CustomElement } from "../../internal/custom-element.js";
import { OdxNavigationItem } from "../navigation/navigation-item.js";
import { OdxTabBarItem, TabBarItemSize } from "./tab-bar-item.js";
import { PropertyValues, TemplateResult } from "lit";
type TabBarLayout = (typeof TabBarLayout)[keyof typeof TabBarLayout];
declare const TabBarLayout: {
  readonly VERTICAL: "vertical";
  readonly HORIZONTAL: "horizontal";
};
declare global {
  interface HTMLElementTagNameMap {
    'odx-tab-bar': OdxTabBar;
  }
}
/**
 * @summary A tab bar component to display a list of navigation items as tabs
 *
 * @slot - Content slot
 * @slot prefix - Slot for adding elements before the tab items (horizontal only)
 * @slot suffix - Slot for adding elements after the tab items (horizontal only)
 *
 * @csspart indicator - The active tab indicator element
 */
declare class OdxTabBar<T extends OdxTabBarItem | OdxNavigationItem = OdxTabBarItem | OdxNavigationItem> extends CustomElement {
  #private;
  static tagName: string;
  static styles: import("lit").CSSResult[];
  private baseElement?;
  private indicatorElement?;
  private scrollContainer?;
  autoSelect: boolean;
  controlled: boolean;
  indicatorDisabled: boolean;
  size: TabBarItemSize;
  selectedIndex: number;
  layout: TabBarLayout;
  constructor();
  connectedCallback(): void;
  disconnectedCallback(): void;
  getItems(): T[];
  getSelectedItem(): T | undefined;
  selectItem(item: T): void;
  selectPreviousItem(): void;
  selectNextItem(): void;
  protected render(): TemplateResult;
  protected firstUpdated(props: PropertyValues<this>): void;
  protected updated(props: PropertyValues<this>): void;
}
export { OdxTabBar, TabBarLayout };