import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
import { KeepColors } from "../../Keep/KeepTheme";
export interface KeepCarouselTheme {
    base: string;
    indicators: {
        active: {
            off: {
                base: string;
                color: IndicatorsTypeColors;
            };
            on: {
                base: string;
                type: {
                    dot: string;
                    ring: string;
                    bar: string;
                    square: string;
                    squareRing: string;
                };
                color: IndicatorsTypeColors;
            };
        };
        base: string;
        wrapper: string;
        type: {
            dot: string;
            ring: string;
            bar: string;
            square: string;
            squareRing: string;
        };
    };
    item: {
        base: string;
        wrapper: string;
    };
    control: {
        base: string;
        icon: string;
    };
    leftControl: string;
    rightControl: string;
    scrollContainer: {
        base: string;
        snap: string;
    };
}
export type IndicatorsType = "dot" | "ring" | "bar" | "square" | "squareRing";
export interface IndicatorsTypeColors extends Pick<KeepColors, "white" | "slate"> {
    [key: string]: string;
}
export interface CarouselProps extends PropsWithChildren<ComponentProps<"div">> {
    indicators?: boolean;
    showControls?: boolean;
    leftControl?: ReactNode;
    rightControl?: ReactNode;
    children?: ReactNode;
    slide?: boolean;
    slideInterval?: number;
    indicatorsType?: IndicatorsType;
    indicatorsTypeColors?: keyof IndicatorsTypeColors;
}
export declare const Carousel: FC<CarouselProps>;