import { default as React } from 'react';
import { Status } from '../../tokens/colors';
/** Error type for semantic meaning */
export type ErrorType = 'not-found' | 'forbidden' | 'server-error' | 'network-error' | 'generic';
/** Props for {@link Error} */
export interface ErrorProps {
    /** Visual severity */
    status?: Status;
    /** Semantic error type (affects icon) */
    type?: ErrorType;
    /** Custom className for the container */
    className?: string;
    /** Child components (Title, Description, Actions) */
    children: React.ReactNode;
}
/** Root component for error display */
declare function Root({ status, type, className, children }: Readonly<ErrorProps>): React.JSX.Element;
/** Title slot */
declare function Title({ children, className }: Readonly<{
    children: React.ReactNode;
    className?: string;
}>): React.JSX.Element;
/** Description/message slot */
declare function Description({ children, className }: Readonly<{
    children: React.ReactNode;
    className?: string;
}>): React.JSX.Element;
/** Technical details slot (smaller, muted text) */
declare function Details({ children, className }: Readonly<{
    children: React.ReactNode;
    className?: string;
}>): React.JSX.Element;
/** Actions/buttons slot */
declare function Actions({ children, className }: Readonly<{
    children: React.ReactNode;
    className?: string;
}>): React.JSX.Element;
/** Export compound component */
export declare const ErrorBlock: typeof Root & {
    Title: typeof Title;
    Description: typeof Description;
    Details: typeof Details;
    Actions: typeof Actions;
};
export {};
//# sourceMappingURL=Error.d.ts.map