'use client';

import { SizeT } from '../../types';
import { default as React } from 'react';
export interface FieldErrorProps {
    /**
     * The error message to display
     */
    error?: string | string[] | null;
    /**
     * Field name for accessibility
     */
    fieldName?: string;
    /**
     * Whether to show error immediately or animate in
     */
    immediate?: boolean;
    /**
     * Custom className for styling
     */
    className?: string;
    /**
     * Custom error icon
     */
    icon?: React.ReactNode;
    /**
     * Whether to show multiple errors or just the first one
     */
    showMultiple?: boolean;
    /**
     * Custom styling variant
     */
    variant?: "default" | "inline" | "tooltip";
    /**
     * Size variant
     */
    size?: SizeT;
}
export declare function FieldError({ error, fieldName, immediate, className, icon, showMultiple, variant, size, }: FieldErrorProps): import("react/jsx-runtime").JSX.Element | null;
/**
 * Hook for managing field error state
 */
export declare function useFieldError(fieldName?: string): {
    error: string | string[] | null;
    showError: boolean;
    touched: boolean;
    setError: (newError: string | string[] | null) => void;
    clearError: () => void;
    touch: () => void;
    reset: () => void;
    fieldName: string | undefined;
};
export default FieldError;
//# sourceMappingURL=field-error.d.ts.map