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 sit on midnight). */
    value: string;
    /** Fires on every pick with a complete time, so the value is live rather than staged. */
    onValueChange: (value: string) => void;
    /** BCP-47 locale deciding 12- or 24-hour and the period column. Defaults to `LoticsLocaleProvider`'s. */
    locale?: string;
    /** Defaults to the `datePicker` slice. */
    labels?: {
        hour: string;
        minute: string;
        dayPeriod: string;
    };
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/** Hour, minute and, where the locale uses one, day-period columns. Split by unit because a list of whole
 *  times needs a step, leaving the times between reachable only by typing. Each column commits alone, so
 *  there is no draft. */
export declare function TimeColumns({ testID, render, ref, ...props }: TimeColumnsProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;