import { WNode, WNodeProps } from './types';
import { TimerVariant, ILap } from '../state/timer';
export type TimerViewState = {
    formattedTime: string;
    isRunning: boolean;
    isPaused: boolean;
    variant: TimerVariant;
    isComplete: boolean;
    laps: readonly ILap[];
    prefix?: string;
    suffix?: string;
};
export type TimerRenderTheme = {
    styles: {
        container: () => WNodeProps;
        time: (props: {
            isRunning: boolean;
            isPaused: boolean;
            isComplete: boolean;
        }) => WNodeProps;
        prefix: () => WNodeProps;
        suffix: () => WNodeProps;
        lapContainer: () => WNodeProps;
        lapItem: (props: {
            isCurrent: boolean;
        }) => WNodeProps;
        lapNumber: () => WNodeProps;
        lapTime: () => WNodeProps;
        completeIndicator: () => WNodeProps;
    };
    config: () => {
        completeIcon: string;
        lapIcon: string;
    };
};
export declare const defaultTimerTheme: TimerRenderTheme;
export declare function renderTimer(state: TimerViewState, theme?: TimerRenderTheme): WNode;
//# sourceMappingURL=render-timer.d.ts.map