import React from 'react';
import { type JSX, type SignatureValue } from 'udp-react-stencil-component-library';
import { FormChangeEvent, FormFocusEvent } from './utils/formEvents';
/**
 * Props for the UdpSignatureInput component.
 *
 * Supports both MUI-style and Fluent-style error handling:
 * - MUI style: error={boolean} + helperText={string}
 * - Fluent style: error={string} + hint={string}
 */
export interface UdpSignatureInputProps extends Partial<Omit<JSX.UdpFluentSignatureInput, 'onValueChanged' | 'onInputBlur' | 'onInputFocus' | 'error'>> {
    /** Called when signature changes - compatible with form libraries (event.target.value) */
    onChange?: (event: FormChangeEvent<SignatureValue | null>) => void;
    /** Called when input loses focus - compatible with form libraries */
    onBlur?: (event: FormFocusEvent) => void;
    /** Called when input gains focus */
    onFocus?: (event: FormFocusEvent) => void;
    /** React children (for slot content) */
    children?: React.ReactNode;
    /**
     * Error state - supports both MUI and Fluent patterns:
     * - string: Fluent style - the error message to display
     * - boolean: MUI style - when true, displays helperText as error
     */
    error?: string | boolean;
    /**
     * MUI compatibility: Helper/error text shown below the input.
     * When error={true}, this is displayed as the error message.
     * When error={false}, this is displayed as hint text.
     */
    helperText?: string;
}
export declare const UdpSignatureInput: React.FC<UdpSignatureInputProps>;
//# sourceMappingURL=UdpSignatureInput.d.ts.map