import { default as React } from 'react';
import { default as Slider, Settings } from 'react-slick';
import { IconName } from '../icon';

export type CarouselProps = {
    children: React.ReactNode;
    className?: string;
    navigationIcon?: IconName;
    settings?: Settings;
    size?: 'sm' | 'lg';
    sliderRef?: React.RefObject<Slider>;
    onClickNext?: () => void;
    onClickPrev?: () => void;
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
};
/** Carousel to show images in. Can be fully customized by utlizing underlying 'settings' props mapped with react-slick */
export declare const Carousel: React.FC<CarouselProps>;