/// <reference types="react" />
export declare const StyledPill: import("@emotion/styled").StyledComponent<{
    icon?: string;
    name: string;
    locale?: import("../../navigationV2/types").LocaleType;
    dataEventCategory?: string;
    dataEventAction?: string;
    dataEventLabel?: string;
    onSelect?: () => void;
} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
    theme?: import("@emotion/react").Theme;
}, {}, {}>;
export declare const StyledSlide: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: import("react").Ref<any>;
}>;
export declare const StyledCarousel: import("@emotion/styled").StyledComponent<{
    maxBlurOpacity?: number;
    blurFromCenter?: boolean;
    blurFromIndex?: number;
    blurLength?: number;
    selectSlideWhenClick?: boolean;
    onSlideChange?: (index: number) => void;
} & import("@mantine/carousel").CarouselProps & {
    theme?: import("@emotion/react").Theme;
}, {}, {}>;