use-vibes
Version:
Transform any DOM element into an AI-powered micro-app
31 lines (30 loc) • 1.36 kB
TypeScript
import * as React from 'react';
import type { ImageDocument } from '../../hooks/image-gen/types';
import { Database } from 'use-fireproof';
import { ImgGenClasses } from '../../utils/style-utils';
import '../ImgGen.css';
interface ImgGenUploadWaitingProps {
/** Document with uploaded files (optional) */
document?: ImageDocument;
/** Classname(s) to apply to the container */
className?: string;
/** Custom CSS classes for styling component parts */
classes?: ImgGenClasses;
/** Enable debugging output */
debug?: boolean;
/** Database name or instance to use for storing images */
database?: string | Database;
/** Callback when new files are uploaded to this document */
onFilesAdded?: () => void;
/** Callback when document is created from file uploads */
onDocumentCreated?: (docId: string) => void;
/** Callback when prompt is set and generation should begin */
onPromptSubmit: (prompt: string, documentId?: string) => void;
}
/**
* Component for displaying uploaded images and allowing users to:
* 1. Upload more images to the same document
* 2. Enter a prompt to start generation
*/
export declare function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit, }: ImgGenUploadWaitingProps): React.ReactElement;
export {};