/// <reference types="react" />
import { type LabelClassNameOptions, type LabelProps } from "./types.js";
declare module "react" {
    interface CSSProperties {
        "--rmd-label-floating-top"?: string | number;
        "--rmd-label-left-offset"?: string | number;
        "--rmd-label-top-offset"?: string | number;
        "--rmd-label-active-padding"?: string | number;
        "--rmd-label-active-background-color"?: string;
    }
}
/**
 * @since 6.0.0
 */
export declare function label(options: LabelClassNameOptions): string;
/**
 * **Server Component**
 *
 * Most of the form components already use this `Label` internally when a
 * `label` prop has been provided. You should generally use this component if
 * you need to separate the label from an existing form component or you need to
 * create a custom implementation of a form component.
 *
 * @since 6.0.0 Updated to be usable externally and combines the
 * floating label styles instead of having separate components.
 */
export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
