import { ReactNode, ReactElement } from 'react';
import { CommonProps } from '../common';
export interface CarouselProps extends CommonProps {
    /**
     * Whether to scroll automatically.
     */
    autoPlay?: boolean;
    /**
     * List of items to be shown to the story board. Each item must have an unquie id.
     */
    collection: {
        content: ReactNode;
        id: number;
    }[];
    /**
     * Position of dots button.
     */
    dotPlacement?: 'top' | 'right' | 'bottom' | 'left';
    /**
     * Set interval of each slide.
     */
    interval?: number;
    /**
     * Set loading state of carousel.
     */
    loading?: boolean;
    /**
     * Color of slide background to have corresponding dots color.
     */
    variant?: 'light' | 'dark';
}
declare const Carousel: ({ autoPlay, collection, dotPlacement, interval, loading, variant, className, style, sx, id, "data-test-id": dataTestId, }: CarouselProps) => ReactElement;
export default Carousel;