import type { ButtonPresentationProps, EditableNodeAttributes } from "../types";
import { type ResponsiveLength, type ResponsiveValue } from "../utils/responsivePresentation";
export type ContactFormField = "firstName" | "lastName" | "email" | "phone" | "moveInDate" | "bedrooms" | "message";
export type ContactFormLabel = ContactFormField | "nameGroup";
type SubmitAlignment = "stretch" | "start" | "center" | "end";
type ControlRadius = "none" | "sm" | "md" | "lg";
type ControlBorderWidth = "none" | "sm" | "md" | "lg";
export interface ContactFormControlPresentation {
    minHeight?: string;
    textareaMinHeight?: string;
    radius?: ControlRadius;
    borderWidth?: ControlBorderWidth;
    paddingX?: string;
    paddingY?: string;
    labelFontSize?: string;
    labelFontWeight?: number;
    labelLineHeight?: string;
    labelLetterSpacing?: string;
}
export interface ContactFormProps extends EditableNodeAttributes {
    propertyId?: string;
    source?: string;
    fields?: ContactFormField[];
    layout?: "stacked" | "grid";
    density?: "comfortable" | "compact";
    columns?: 1 | 2 | 3;
    groupNameFields?: boolean;
    requiredFields?: ContactFormField[];
    labels?: Partial<Record<ContactFormLabel, string>>;
    dateInput?: "native" | "usText";
    rowGap?: string;
    responsiveRowGap?: ResponsiveLength;
    columnGap?: string;
    responsiveColumnGap?: ResponsiveLength;
    fieldGap?: string;
    responsiveFieldGap?: ResponsiveLength;
    controlPresentation?: ContactFormControlPresentation;
    responsiveControlPresentation?: ResponsiveValue<ContactFormControlPresentation>;
    submitAlignment?: SubmitAlignment;
    responsiveSubmitAlignment?: ResponsiveValue<SubmitAlignment>;
    submitPresentation?: ButtonPresentationProps;
    submitLabel?: string;
    successMessage?: string;
    className?: string;
}
export declare function formatUsDateInput(value: string): string;
export declare function ContactForm({ propertyId: propertyIdProp, source, fields, layout, density, columns, groupNameFields, requiredFields, labels: labelOverrides, dateInput, rowGap, responsiveRowGap, columnGap, responsiveColumnGap, fieldGap, responsiveFieldGap, controlPresentation, responsiveControlPresentation, submitAlignment, responsiveSubmitAlignment, submitPresentation, submitLabel, successMessage, className, "data-node-id": dataNodeId, }: ContactFormProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=ContactForm.d.ts.map