import { ReactNode } from 'react';
export interface DetailErrorStateProps {
    /**
     * Error title
     */
    title?: string;
    /**
     * Error message/description
     */
    message?: string;
    /**
     * Retry callback
     */
    onRetry?: () => void;
    /**
     * Whether a retry is in progress
     */
    isRetrying?: boolean;
    /**
     * Custom retry button text
     * @default 'Retry'
     */
    retryText?: string;
    /**
     * Custom loading text shown during retry
     * @default 'Loading...'
     */
    loadingText?: string;
    /**
     * Custom icon to display (defaults to warning triangle)
     */
    icon?: ReactNode;
    /**
     * Additional className for the container
     */
    className?: string;
}
/**
 * Error state display component with optional retry functionality.
 *
 * @example
 * ```tsx
 * // Basic usage
 * <DetailErrorState
 *   title="Something went wrong"
 *   message="Unable to load data from the server."
 *   onRetry={() => refetch()}
 *   isRetrying={isRefetching}
 * />
 *
 * // With translations
 * const { t } = useTranslation();
 * <DetailErrorState
 *   title={t('errors.serverDown.title')}
 *   message={t('errors.serverDown.message')}
 *   retryText={t('common.retry')}
 *   loadingText={t('common.loading')}
 *   onRetry={handleRetry}
 * />
 * ```
 */
export declare function DetailErrorState({ title, message, onRetry, isRetrying, retryText, loadingText, icon, className, }: DetailErrorStateProps): React.ReactElement;
export default DetailErrorState;
//# sourceMappingURL=DetailErrorState.d.ts.map