import { ResponsiveConfig } from './types';
export declare const breakpoints: {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
export declare const colors: {
    primary: string;
    white: string;
};
export declare const ItemContainer: import("styled-components").StyledComponent<"div", any, {
    widthItemConfig?: ResponsiveConfig | undefined;
    maxWidthItemConfig?: ResponsiveConfig | undefined;
}, never>;
export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CarouselContent: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const CardsRow: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const PageControl: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const NavigationArrowButton: import("styled-components").StyledComponent<"button", any, {
    direction: 'left' | 'right';
    disabled?: boolean | undefined;
}, never>;
export declare const PageDotButton: import("styled-components").StyledComponent<"button", any, {
    active: boolean;
}, never>;