import React from 'react';
import { FlintTimeClock as FlintTimeClockElement } from '@getufy/flint-ui/time-picker/flint-time-picker';
export interface FlintTimeClockChangeDetail {
    value: string;
}
/**
 * Time Clock: an analog clock face for selecting hours, minutes, and seconds.
 */
export interface FlintTimeClockProps extends React.HTMLAttributes<FlintTimeClockElement> {
    /** Time value in HH:MM:SS format. */
    value?: string;
    /** Whether to use 12-hour (AM/PM) format instead of 24-hour. */
    ampm?: boolean;
    /** Whether to show a seconds face on the clock. */
    seconds?: boolean;
    /**
     * Currently active clock face view.
     * Allowed values: 'hours' | 'minutes' | 'seconds'
     */
    view?: 'hours' | 'minutes' | 'seconds';
    /**
     * Fired when the time value changes. detail: `{ value: string }`
     * DOM event: `flint-time-clock-change`
     */
    onFlintTimeClockChange?: (event: CustomEvent<FlintTimeClockChangeDetail>) => void;
    /**
     * Fired when the clock face view switches.
     * DOM event: `flint-time-clock-view-change`
     */
    onFlintTimeClockViewChange?: (event: CustomEvent) => void;
}
export declare const FlintTimeClock: React.ForwardRefExoticComponent<FlintTimeClockProps & React.RefAttributes<FlintTimeClockElement>>;