/*! Strand UI | MIT License | dillingerstaffing.com */
import type { ComponentChildren } from "preact";
/** The single wrapped control, described by whichever message is showing (cf: formfield-describedby). */
export declare function describeControl(children: ComponentChildren, messageId: string | undefined): ComponentChildren;
export interface FormFieldProps {
    label: string;
    /** The control's id. */
    htmlFor: string;
    hint?: string;
    /** Replaces the hint; announced assertively. */
    error?: string;
    /** A checked-and-good value; replaces the hint, yields to `error`; announced politely. */
    success?: string;
    required?: boolean;
    className?: string;
    /** The wrapped form control. */
    children: ComponentChildren;
}
/**
 * Label, one message slot (error over success over hint) and the control they describe.
 *
 * @example
 * <FormField label="Email" htmlFor="email" hint="Work email" required><Input id="email" type="email" /></FormField>
 */
export declare const FormField: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<FormFieldProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=FormField.d.ts.map