import '@splidejs/splide/dist/css/splide.min.css';
import { breakpoints } from '@codecademy/gamut-styles';
import { UserClickData } from '@codecademy/tracking';
import { Options } from '@splidejs/react-splide';
import React from 'react';
type Breakpoint = keyof typeof breakpoints;
type CarouselProps = {
    items: React.JSX.Element[];
    onArrowClick?: (props: UserClickData) => void;
    options?: Options;
    patternedBackground?: boolean;
    leftPadding?: boolean;
    showArrowDisplay?: Record<Breakpoint, boolean> | ((count: number) => boolean);
    arrowPosition?: 'top' | 'bottom';
    title?: React.JSX.Element;
    variant?: 'catalog_home' | 'catalog_hub';
};
export declare const PatternedContainer: React.FC<React.PropsWithChildren<{
    as?: React.ElementType<any>;
    bottomPadding?: boolean;
    leftPadding?: boolean;
    overflowAuto?: boolean;
}>>;
export declare const Carousel: React.FC<CarouselProps>;
export {};