import * as React from "react";
export type CarouselProps = React.ComponentProps<"div"> & {
    index?: number;
    defaultIndex?: number;
    onIndexChange?: (index: number) => void;
    loop?: boolean;
    variant?: "default" | "hero" | "minimal";
    showDots?: boolean;
    showArrows?: boolean;
    keyboard?: boolean;
    ariaLabel?: string;
    previousLabel?: string;
    nextLabel?: string;
    swipeThreshold?: number;
    autoplay?: boolean;
    autoplayInterval?: number;
    pauseOnHover?: boolean;
    stopAutoplayOnInteraction?: boolean;
    showPlaybackControl?: boolean;
    showStatus?: boolean;
    showThumbnails?: boolean;
    playLabel?: string;
    pauseLabel?: string;
    statusLabel?: (index: number, total: number) => string;
    renderThumbnail?: (item: React.ReactNode, index: number, active: boolean) => React.ReactNode;
    renderActiveDetail?: (item: React.ReactNode, index: number) => React.ReactNode;
    aspectRatio?: string;
    mouseDrag?: boolean;
    onAutoplayChange?: (playing: boolean) => void;
    viewportClassName?: string;
    controlsClassName?: string;
    dotsClassName?: string;
    arrowClassName?: string;
    dotClassName?: string;
    activeDotClassName?: string;
    thumbnailsClassName?: string;
};
export type CarouselItemProps = React.ComponentProps<"div">;
declare function Carousel({ index, defaultIndex, onIndexChange, loop, variant, showDots, showArrows, keyboard, ariaLabel, previousLabel, nextLabel, swipeThreshold, autoplay, autoplayInterval, pauseOnHover, stopAutoplayOnInteraction, showPlaybackControl, showStatus, showThumbnails, playLabel, pauseLabel, statusLabel, renderThumbnail, renderActiveDetail, aspectRatio, mouseDrag, onAutoplayChange, viewportClassName, controlsClassName, dotsClassName, arrowClassName, dotClassName, activeDotClassName, thumbnailsClassName, className, children, ...props }: CarouselProps): React.JSX.Element;
declare function CarouselItem({ className, ...props }: CarouselItemProps): React.JSX.Element;
export { Carousel, CarouselItem };