import { default as React } from 'react';

export interface ImageCarouselItem {
    id: string;
    type: 'image';
    src: string;
    alt?: string;
    blurDataURL?: string;
    height?: number;
    width?: number;
}
export interface VideoCarouselItem {
    id: string;
    type: 'video';
    videoUrl: string;
    alt?: string;
    thumbnail?: string;
    blurDataURL?: string;
    height?: number;
    width?: number;
}
export interface ComponentCarouselItem {
    id: string;
    type: 'component';
    component: React.ReactNode;
}
export type CarouselItemData = ImageCarouselItem | VideoCarouselItem | ComponentCarouselItem;
export type VisibleItems = {
    mobile: number;
    tablet: number;
    desktop: number;
};
export interface ImageComponentProps {
    src: string;
    alt?: string;
    width?: number;
    height?: number;
    className?: string;
    placeholder?: 'blur' | 'empty';
    blurDataURL?: string;
}