import { default as React } from 'react';
import { IRuntimeEvent } from '../../core/IRuntimeEvent';
import { Subject } from 'rxjs';
import { OutputEvent } from '../../core/OutputEvent';
export interface ClockFaceLayoutProps {
    /** Optional CSS classes to apply to the container */
    className?: string;
    input: Subject<IRuntimeEvent>;
    /** Event input subject for dispatching button events */
    registerSyncs: (registers: ((input: OutputEvent) => void)[]) => void;
}
/**
 * Complete clock face display for the wod.wiki system based on the RuntimeSpansUIPipeline.md plan.
 * Features:
 * - Top ribbon with ButtonAnchor for "system" events
 * - 3-column layout with EffortAnchor, ClockAnchor (primary), ClockAnchor (total)
 * - Bottom row with "runtime" buttons
 * - All anchors driven by context that tracks each by name
 */
export declare const ClockFaceLayout: React.FC<ClockFaceLayoutProps>;