import type { FormEventType } from '@entrolytics/shared';
export type { FormEventType };
export interface FormEventData {
    eventType: FormEventType;
    formId: string;
    formName?: string;
    urlPath?: string;
    fieldName?: string;
    fieldType?: string;
    fieldIndex?: number;
    timeOnField?: number;
    timeSinceStart?: number;
    errorMessage?: string;
    success?: boolean;
}
export interface UseFormTrackingOptions {
    formId: string;
    formName?: string;
    autoTrack?: boolean;
    trackTiming?: boolean;
    trackAbandonment?: boolean;
}
/**
 * Hook for tracking form interactions in Next.js
 *
 * @example
 * ```tsx
 * 'use client';
 * import { useFormTracking } from '@entrolytics/nextjs';
 *
 * export function ContactForm() {
 *   const { formRef, trackSubmit } = useFormTracking({
 *     formId: 'contact-form',
 *     formName: 'Contact Form'
 *   });
 *
 *   const handleSubmit = async (e) => {
 *     e.preventDefault();
 *     const success = await submitForm();
 *     trackSubmit(success);
 *   };
 *
 *   return (
 *     <form ref={formRef} onSubmit={handleSubmit}>
 *       <input name="email" type="email" />
 *       <button type="submit">Send</button>
 *     </form>
 *   );
 * }
 * ```
 */
export declare function useFormTracking(options: UseFormTrackingOptions): {
    formRef: import("react").RefObject<HTMLFormElement | null>;
    trackEvent: (data: Omit<FormEventData, 'formId' | 'formName' | 'urlPath'> & Partial<Pick<FormEventData, 'formId' | 'formName' | 'urlPath'>>) => Promise<void>;
    trackStart: () => void;
    trackFieldFocus: (fieldName: string, fieldType?: string, fieldIndex?: number) => void;
    trackFieldBlur: (fieldName: string, fieldType?: string, fieldIndex?: number) => void;
    trackFieldError: (fieldName: string, errorMessage: string, fieldType?: string, fieldIndex?: number) => void;
    trackSubmit: (success: boolean) => void;
    trackAbandon: () => void;
};
//# sourceMappingURL=useFormTracking.d.ts.map