import React from 'react';
import { CustomEvent } from '../utils/customEventProcessor';
import './style.scss';
import './CustomEventView.scss';
export interface CustomEventViewProps<T = any> {
    events: CustomEvent<T>[];
    state: T;
    latest: CustomEvent<T> | null;
    renderEvent?: (event: CustomEvent<T>, index: number) => React.ReactNode;
    renderState?: (state: T) => React.ReactNode;
    renderLatest?: (event: CustomEvent<T>) => React.ReactNode;
    title?: string;
    className?: string;
    maxEventsShown?: number;
    reverseOrder?: boolean;
}
export declare function CustomEventView<T = any>({ events, state, latest, renderEvent, renderState, renderLatest, title, className, maxEventsShown, reverseOrder }: CustomEventViewProps<T>): import("react/jsx-runtime").JSX.Element;
/**
 * Image Gallery View Component
 */
export interface ImageGalleryViewProps {
    images: Array<{
        url: string;
        prompt: string;
        timestamp?: number;
    }>;
    latestImage: {
        url: string;
        prompt: string;
    } | null;
    columns?: number;
    imageSize?: 'small' | 'medium' | 'large';
    showPrompts?: boolean;
    className?: string;
}
export declare const ImageGalleryView: React.FC<ImageGalleryViewProps>;
/**
 * Design Iterations View Component
 */
export interface DesignIterationsViewProps {
    iterations: Array<{
        version: number;
        description: string;
        imageUrl?: string;
        feedback?: string;
        approved?: boolean;
        timestamp?: number;
    }>;
    currentVersion: number;
    className?: string;
}
export declare const DesignIterationsView: React.FC<DesignIterationsViewProps>;
//# sourceMappingURL=CustomEventView.d.ts.map