use-vibes/dist/components/ControlsBar.d.ts

Transform any DOM element into an AI-powered micro-app

import * as React from 'react';
import { ImgGenClasses } from '../utils/style-utils';
interface ControlsBarProps {
    /** Handle delete confirmation */
    handleDeleteConfirm: () => void;
    handlePrevVersion: () => void;
    handleNextVersion: () => void;
    handleRegen: () => void;
    versionIndex: number;
    totalVersions: number;
    /** Custom CSS classes for styling component parts */
    classes?: ImgGenClasses;
    /** Show control buttons (defaults to true) */
    showControls?: boolean;
    /** Edited prompt for highlighting regenerate button */
    editedPrompt: string | null;
    /** Original prompt text for comparison */
    promptText: string;
    /** Progress value for generation (0-100), shows progress bar when < 100 */
    progress?: number;
    /** Show delete button (defaults to true) */
    showDelete?: boolean;
    /** Whether to flash the version indicator when a new version is added */
    versionFlash?: boolean;
    /** Whether the regeneration is currently in progress */
    isRegenerating?: boolean;
}
/**
 * ControlsBar component - Displays controls for deleting, navigating between versions, and regenerating
 */
export declare function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, editedPrompt, promptText, progress, showDelete, versionFlash, isRegenerating, }: ControlsBarProps): React.JSX.Element;
export {};