import { HandlerChange } from '../LczScrollPage/type';
export type DataMap = {
    id: number | string;
    url: string;
};
export interface CarouselConfig {
    display: boolean;
    autoplaySpeed: number;
    position: 'before' | 'after';
    moveStay: boolean;
}
export interface GlobalConfig {
    type?: 'index' | 'id';
    index?: {
        value: number;
    };
    defaultId?: {
        value: string | number;
    };
}
export interface PagerConfig {
    display: boolean;
    horiPosition?: 'top' | 'bottom';
    vertPosition?: 'left' | 'right';
    width: number;
    height: number;
    xOffset: number;
    yOffset: number;
    radius: number;
    speed: number;
    bgColor: string;
    activeBgColor: string;
}
export interface AnimationConfig {
    carouseEffect: 'scroll' | 'fade' | 'flip' | 'cube' | 'coverflow';
    switchSpeed: number;
    mode: 'horizontal' | 'vertical';
    carouselConfig: CarouselConfig;
}
export interface CustomPage {
    fillStyle: string;
    imgSeries: DataMap[];
}
export interface CarouselImageProps {
    globalConfig?: GlobalConfig;
    animationConfig?: AnimationConfig;
    pagerConfig?: PagerConfig;
    customPage?: CustomPage;
    data?: DataMap[];
    w?: number;
    h?: number;
    onClick?: HandlerChange;
    onMouseenter?: HandlerChange;
    onMouseleave?: HandlerChange;
}