import React from 'react';
import { SpaceProps, LayoutProps, OverflowProps } from 'styled-system';
import { Theme } from '@evlop/commons';
export interface CarouselProps extends SpaceProps<Theme>, LayoutProps<Theme>, OverflowProps<Theme> {
    children?: React.ReactNode;
    activeIndex?: number;
    noOfItems?: number | number[];
    itemWidth?: string | number;
    gap?: string | number;
    autoPlay?: boolean;
    autoPlayInterval?: number;
    onChangeIndex?: (index: number) => void;
    onChangeVisibleItemsCount?: (count: number) => void;
    paginationType?: 'none' | 'dots' | 'arrows';
    paginationMode?: 'single' | 'visible-items';
    inactiveItemOpacity?: number;
    inactiveItemScale?: number;
    activeItemStyle?: React.CSSProperties;
    inactiveItemStyle?: React.CSSProperties;
    itemStart?: 'left' | 'center';
    alignItems?: 'start' | 'center' | 'end';
}
export interface CarouselHandle {
    goToIndex: (index: number) => void;
    next: () => void;
    previous: () => void;
}
export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselHandle>>;
export default Carousel;
//# sourceMappingURL=Carousel.d.ts.map