import type { KeyboardEvent } from 'react';
export interface AccountDetailsFieldsProps {
    firstName: string;
    lastName: string;
    password: string;
    confirmPassword: string;
    onFirstNameChange: (value: string) => void;
    onLastNameChange: (value: string) => void;
    onPasswordChange: (value: string) => void;
    onConfirmPasswordChange: (value: string) => void;
    errors?: {
        firstName?: string;
        lastName?: string;
        password?: string;
        confirmPassword?: string;
    };
    disabled?: boolean;
    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
    /**
     * `paired` puts the two names on one row and the two passwords on another; `stacked` gives each
     * field its own row. Paired is unconditional, with no breakpoint — the approved design pairs
     * them at ~514px and Tailwind's `sm` is 640px, which would stack them on every phone.
     */
    layout?: 'stacked' | 'paired';
}
/**
 * The name-and-password block every account-creating form collects.
 *
 * Shared so the four fields cannot drift apart across the forms that render them — they already
 * had, with one copy wiring `useDeferredError` for blur and another not, so the same field
 * surfaced its error at a different moment depending on which screen you reached it from.
 */
export declare function AccountDetailsFields({ firstName, lastName, password, confirmPassword, onFirstNameChange, onLastNameChange, onPasswordChange, onConfirmPasswordChange, errors, disabled, onKeyDown, layout, }: AccountDetailsFieldsProps): import("react").JSX.Element;
//# sourceMappingURL=account-details-fields.d.ts.map