import { GlobalStyle } from "../../internal/global-style.js";
import { type TemplateResult } from "lit";
import { type RingType } from "../../internal/ring.js";
/**
* {@linkcode Tabs} used to render a set of tabs.
*
* @fires select - Fires when the tab index is changed.
* @category display
*/
declare class Tabs extends GlobalStyle {
	ringType: RingType;
	/**
	* If "select", the indicator moves from the selected content to the hover position.
	*
	* If "previous", the indicator moves from the last moved position to the hover position.
	*
	* If "none", the indicator does not move.
	*/
	beginning: "selected" | "previous" | "none";
	/**
	* If "remain", the indicator remain on the selected item.
	*
	* If "none", the indicator dose not display.
	*/
	ending: "remain" | "none";
	/**
	* The behavior of the indicator:
	*
	* If "background", its size will be consistent with that of a single tab.
	*
	* If "underline", an underline will be displayed at the bottom of the tab.
	*/
	indicator: "background" | "underline";
	/**
	* Tab list or slot list.
	*/
	tabs: string[];
	/**
	* The index of the currently selected tab.
	*/
	index: number;
	protected previousIndex: number;
	protected _items: HTMLCollectionOf<HTMLLIElement>;
	protected _indicators: HTMLCollectionOf<HTMLDivElement>;
	constructor();
	render(): TemplateResult<1>;
	protected get _finalIndex(): number;
	connectedCallback(): void;
	protected _handleMouseLeave(): void;
	move(sourceIndex: number, targetIndex: number): void;
	select(selected: number): void;
}
export default Tabs;
export { Tabs };