@wandelbots/wandelbots-js-react-components
Version:
React UI toolkit for building applications on top of the Wandelbots platform
27 lines • 1.53 kB
TypeScript
import type { CycleTimerProps } from "./types";
/**
* A circular gauge timer component for cycle-specific timing operations
*
* Features:
* - Custom SVG circular gauge with 264px diameter and 40px thickness
* - Multiple states: idle, measuring, measured, countdown, 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
* - Success state: brief green flash after cycle completion
* - Displays appropriate labels based on state
* - Automatically counts down and triggers callback when reaching zero
* - 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
*/
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