import React, { type ReactNode } from "react";
export interface CarouselProps {
    /** Children elements to display in the carousel */
    children: ReactNode;
    /** Current active slide index (controlled mode) */
    slideIndex?: number;
    /** Callback when slide changes */
    onSlideChange?: (index: number) => void;
    /** Show navigation arrows */
    showArrows?: boolean;
    /** Show dots/indicators */
    showDots?: boolean;
    /** Enable loop - carousel will loop to first slide after last */
    loop?: boolean;
    /** Enable auto-play */
    autoplay?: boolean;
    /** Time each slide stays visible in milliseconds (autoplay duration) */
    duration?: number;
    /** CSS transition duration for slide animations in milliseconds */
    transitionDuration?: number;
    /** Height of the carousel */
    height?: string | number;
    /** Number of slides to show at once */
    slidesToShow?: number;
    /** Gap between slides */
    slideGap?: "xs" | "sm" | "md" | "lg" | "xl";
    /** Additional CSS class */
    className?: string;
}
export interface CarouselSlideProps {
    /** Slide content */
    children: ReactNode;
    /** Additional CSS class */
    className?: string;
}
export declare const CarouselSlide: React.ForwardRefExoticComponent<CarouselSlideProps & React.RefAttributes<HTMLDivElement>>;
export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=carousel.d.ts.map