import React from 'react';
import type { ComponentPropsWithoutRef } from 'react';
export type ErrorMessageVariant = 'default' | 'card';
export interface ErrorMessageProps extends ComponentPropsWithoutRef<'div'> {
    /**
     * Visual variant of the error message
     * - 'default': Standard error display with icon
     * - 'card': Centered layout optimized for card containers
     * @default 'default'
     */
    variant?: ErrorMessageVariant;
    /**
     * Error title/heading
     * @default 'Something went wrong'
     */
    title?: string;
    /**
     * Detailed error message or description
     */
    message?: string;
    /**
     * Optional retry action handler
     * When provided, shows a "Try Again" button
     */
    onRetry?: () => void;
    /**
     * Label for the retry button
     * @default 'Try Again'
     */
    retryLabel?: string;
    /**
     * Custom icon to display instead of default error icon
     */
    icon?: React.ReactNode;
    /**
     * Hide the icon completely
     * @default false
     */
    hideIcon?: boolean;
    /**
     * Optional test ID for testing purposes
     */
    'data-testid'?: string;
}
/**
 * ErrorMessage component for displaying error states
 *
 * @example
 * ```tsx
 * // Basic error
 * <ErrorMessage
 *   title="Failed to load"
 *   message="Unable to fetch data"
 * />
 *
 * // With retry
 * <ErrorMessage
 *   title="Connection failed"
 *   message="Check your internet connection"
 *   onRetry={handleRetry}
 * />
 *
 * // Card variant (centered)
 * <ErrorMessage
 *   variant="card"
 *   title="No results found"
 *   message="Try adjusting your filters"
 * />
 *
 * // Custom icon
 * <ErrorMessage
 *   icon={<CustomIcon />}
 *   title="Custom error"
 * />
 * ```
 */
export declare const ErrorMessage: React.ForwardRefExoticComponent<ErrorMessageProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ErrorMessage.d.ts.map