import useEmblaCarousel from 'embla-carousel-react';
import * as React from 'react';
type EmblaApi = ReturnType<typeof useEmblaCarousel>[1];
type CarouselProps = {
    currentSlide?: number;
};
export declare const CarouselComponent: {
    ({ children, currentSlide, ...props }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
    displayName: string;
};
export declare const useCarousel: () => {
    currentSlide: number;
    emblaRef: React.RefCallback<HTMLDivElement>;
    emblaApi: EmblaApi;
    selectedIndex: number;
    scrollSnaps: number[];
    canScrollPrev: boolean;
    canScrollNext: boolean;
    scrollPrev: () => void;
    scrollNext: () => void;
    scrollTo: (index: number) => void;
};
export declare const Carousel: {
    ({ children, currentSlide, ...props }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
    displayName: string;
} & {
    ArrowNext: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & {
        as?: React.ElementType;
    }>>) => React.JSX.Element;
    ArrowPrevious: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & {
        as?: React.ElementType;
    }>>) => React.JSX.Element;
    Pagination: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
    Slide: ({ children, className, index, ...rest }: React.PropsWithChildren<{
        index: number;
    } & React.HTMLAttributes<HTMLDivElement>>) => React.JSX.Element;
    Slider: ({ children, className, gap, overflow, tabIndex, ...rest }: {
        children?: React.ReactNode;
        className?: string;
        gap?: import("./CarouselSlider").TCarouselSlideGap;
        overflow?: boolean;
        tabIndex?: number;
    }) => React.JSX.Element;
};
export {};