import "./time_columns.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface TimeColumnsProps extends StyleProps {
    /** Canonical 24-hour `"HH:mm"`, `""` when empty (the columns then sit on midnight). */
    value: string;
    /** Fires on every pick, with a complete canonical time — one column at a time,
     *  so the value is live rather than staged behind a confirm. */
    onValueChange: (value: string) => void;
    /** BCP-47 locale deciding 12- vs 24-hour, and whether there is a period column
     *  at all. Defaults to the active `LoticsLocaleProvider` locale. */
    locale?: string;
    /** Accessible names for the three columns. Defaults to the `datePicker` slice. */
    labels?: {
        hour: string;
        minute: string;
        dayPeriod: string;
    };
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * The picking face of a time: an hour column, a minute column, and — only where
 * the locale uses one — a day period.
 *
 * Split by UNIT rather than offered as composed times, which is what makes every
 * time reachable: a list of whole times has to choose a step, and any step leaves
 * the times between its rungs pickable only by typing.
 *
 * Each column commits on its own, so the value is always a real time and there is
 * no draft to confirm.
 */
export declare function TimeColumns({ testID, render, ref, ...props }: TimeColumnsProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;