import { HTMLAttributes, ReactElement } from "react";
import "./Carousel.css";
import { CarouselSlideProps } from "./CarouselSlide";
export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
    /**
     * The initial Index enables you to select the active slide in the carousel.
     * Optional, default 0.
     **/
    initialIndex?: number;
    /**
     * The animation when the slides are shown.
     * Optional. Defaults to `slide`
     **/
    animation?: "slide" | "fade";
    /**
     * If this props is passed it will set the aria-label with value to the carousel container.
     * Optional. Defaults to undefined
     */
    carouselDescription?: string;
    /**
     * Collection of slides to render
     * Component must implement CarouselSlideProps. Mandatory.
     */
    children: Array<ReactElement<CarouselSlideProps>>;
    /**
     * This prop will enable compact / reduced width mode.
     * The navigation buttons would be part of indicators
     * Optional. Defaults to false
     **/
    compact?: boolean;
    /**
     * It sets the id for the Carousel Container.
     * String. Optional
     */
    id?: string;
}
export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLDivElement>>;