export declare const CarouselContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const StyledButtonWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
    themeDotDirection: 'row' | 'column';
    themeDotPlacement: 'top' | 'right' | 'bottom' | 'left';
}, never>;
export declare const StyledButtonList: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
    themeDotState: 'activeRow' | 'defaultRow' | 'activeColumn' | 'defaultColumn';
}, never>;
export declare const StyledButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
    active: boolean;
    themeDotDirection: 'row' | 'column';
    themeVariant: 'light' | 'dark';
}, never>;
export declare const CarouselSingleSlide: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const CarouselSlideCollection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    currentSlide: number;
    themeDotDirection: 'row' | 'column';
}, never>;
export declare const StyledButtonIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    themeButtonPlacement: 'middleRow' | 'leftColumn' | 'rightColumn';
    themeVariant: 'light' | 'dark';
}, never>;