import { type TemplateResult } from "lit";
import { GlobalStyle } from "../../internal/global-style.js";
/**
* {@linkcode Carousel} make the content display as a carousel.
*
* When this component is `firstUpdated`,
* clone the first and last element and make the matching element visible when switching index.
*
* @slot - Carousel items, should maintain the same size.
* @fires change - Fires when the index changes.
* @category display
*/
declare class Carousel extends GlobalStyle {
	/**
	* The index of the current item.
	*/
	index: number;
	/**
	* The duration of the transition.
	*/
	autoChange: number;
	protected _moveRoot: HTMLElement;
	intervalID: number;
	private __cloneFirst;
	private __cloneLast;
	protected _offset: number;
	protected render(): TemplateResult<1>;
	connectedCallback(): void;
	protected firstUpdated(): Promise<void>;
	attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
	show(i: number, n?: boolean): void;
	next(): void;
	prev(): void;
	protected _doTranslateX(xValue: string, noTransition?: boolean): void;
	protected _computeOffset(): number;
	normalizeIndex(i: number): number;
}
export default Carousel;
export { Carousel };