import { ReactNode } from 'react';
import * as React from "react";
/**
 * Centered form column whose width tracks the shared field width
 * ({@link D.width}: 343 / 580 / 756 at the breakpoints), matching the company
 * details form. A fixed width (rather than content-based sizing) keeps
 * react-select rows from triggering a measure/resize flicker loop.
 */
export declare function FormColumn({ children, style, }: Readonly<{
    children: ReactNode;
    style?: React.CSSProperties;
}>): import("react/jsx-runtime").JSX.Element;
export declare const RowInput: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
export declare const RowSelect: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
}, React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
export declare const RowTextArea: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
}, React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
export declare const RowReadonly: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export interface FormSectionProps {
    children: ReactNode;
    title: string;
    bare?: boolean;
    description?: string;
}
export declare function FormSection({ children, bare, description, title, }: Readonly<FormSectionProps>): import("react/jsx-runtime").JSX.Element;
export interface FormRowProps {
    children: ReactNode;
    label: string;
    /** Backend field-help code; the i-icon appears only when config has copy. */
    fieldCode?: string;
    hint?: string;
    optional?: boolean;
}
export declare function FormRow({ children, fieldCode, hint, label, optional, }: Readonly<FormRowProps>): import("react/jsx-runtime").JSX.Element;
export interface RowVerifiedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
    verified?: boolean;
}
/**
 * Right-aligned text input with an optional green "verified" check badge,
 * used for fields like phone numbers that surface a validation state inline.
 */
export declare function RowVerifiedInput({ verified, ...inputProps }: Readonly<RowVerifiedInputProps>): import("react/jsx-runtime").JSX.Element;
export interface RowRadioOption {
    label: string;
    value: string;
}
export interface RowRadioGroupProps {
    name: string;
    options: ReadonlyArray<RowRadioOption>;
    value: string;
    onChange: (value: string) => void;
}
export declare function RowRadioGroup({ name, onChange, options, value, }: Readonly<RowRadioGroupProps>): import("react/jsx-runtime").JSX.Element;
export interface FormToggleRowProps {
    checked: boolean;
    description: string;
    label: string;
    containerStyle?: React.CSSProperties;
    descriptionStyle?: React.CSSProperties;
    labelStyle?: React.CSSProperties;
    onChange: (checked: boolean) => void;
}
export declare function FormToggleRow({ checked, containerStyle, description, descriptionStyle, label, labelStyle, onChange, }: Readonly<FormToggleRowProps>): import("react/jsx-runtime").JSX.Element;