import { ReactNode } from 'react';
/**
 * How the error reads, not what it is about.
 *
 * This prop used to be a union of five names: network, configuration, model,
 * permission, generic. Two of those, and "model" in particular, are one
 * product's categories rather than anything a shared component can reason
 * about, and all five resolved to three colours anyway: network and permission
 * were the same amber, model and generic the same red. A consumer decides
 * which of its own error categories reads as which tone.
 */
export type ErrorTone = "danger" | "warning" | "accent";
export interface ErrorAction {
    label: string;
    onClick: () => void;
}
export interface ErrorStateProps {
    /** How the error reads. Defaults to `danger`. */
    tone?: ErrorTone;
    /** Replaces the default alert icon. */
    icon?: ReactNode;
    /** Error title - main heading */
    title: string;
    /** Detailed error message */
    message: string;
    /** Primary action button (e.g., Retry, Go to Settings) */
    primaryAction?: ErrorAction;
    /** Secondary action button (e.g., View Logs, Report Issue) */
    secondaryAction?: ErrorAction;
    /** Additional CSS classes */
    className?: string;
    /** Whether to show error icon */
    showIcon?: boolean;
}
/**
 * ErrorState Component
 */
export declare function ErrorState({ tone, icon, title, message, primaryAction, secondaryAction, className, showIcon, }: ErrorStateProps): import("react").JSX.Element;