@wandelbots/wandelbots-js-react-components/dist/components/CycleTimer/index.d.ts

React UI toolkit for building applications on top of the Wandelbots platform

import type { CycleTimerProps } from "./types";
/**
 * A circular gauge timer component that shows the remaining time of a cycle or counts up
 *
 * Features:
 * - Custom SVG circular gauge with 264px diameter and 40px thickness
 * - Multiple states: idle, measuring, measured, countdown, countup, success
 * - Idle state: shows "Waiting for program cycle" with transparent inner circle
 * - Measuring state: counts up with "Cycle Time" / "measuring..." labels
 * - Measured state: shows final time with "Cycle Time" / "determined" labels in pulsating green
 * - Countdown mode: shows remaining time prominently, counts down to zero
 * - Count-up mode: shows elapsed time without special labels
 * - Success state: brief green flash after cycle completion
 * - Displays appropriate labels based on state
 * - Automatically counts down/up and triggers callback when reaching zero (countdown only)
 * - Full timer control: start, pause, resume functionality
 * - Support for starting with elapsed time (resume mid-cycle)
 * - Error state support: pauses timer and shows error styling (red color)
 * - Smooth fade transitions between different text states
 * - Pulsating text animation for completed measuring state
 * - Fully localized with i18next
 * - Material-UI theming integration
 * - Small variant with animated progress icon (gauge border only) next to text or simple text-only mode
 */
export declare const CycleTimer: (({ onCycleComplete, onCycleEnd, onMeasuringComplete, autoStart, variant, compact, className, hasError, }: CycleTimerProps) => import("react/jsx-runtime").JSX.Element) & {
    displayName: string;
};
//# sourceMappingURL=index.d.ts.map