import React from 'react';
import { FormField } from '../../lib/form/typeguards.js';
import { SerializedFormData, TypedFormDataEntryValue } from '../../lib/form/utils.js';
import { FormProps } from '../../components/form/form/form.js';
import { ModalProps } from '../../components/modal/modal.js';

/**
 * Returns a function which, when called: shows a form dialog with a
 * confirmation callback and an optional cancellation callback.
 *
 * @typeParam T - The shape of the serialized form data.
 */
declare const useFormDialog: <T extends object = object>() => <FT extends SerializedFormData = Record<keyof T, string | number | boolean | Date | File | FormDataEntryValue[] | FormDataEntryValue[] | [Date, Date] | TypedFormDataEntryValue[]>>(title: string, message: React.ReactNode, fields: FormField[], labelConfirm: string, labelCancel: string, onConfirm: (data: FT) => void, onCancel?: () => void, modalProps?: Partial<ModalProps>, formProps?: FormProps<FT>, autofocus?: boolean) => void;

export { useFormDialog };