import { EventEmitter } from '../../stencil-public-runtime';
import { IllustrationName, IllustrationTheme } from './exports';
/**
 * An illustration component that renders SVG illustrations based on a provided name or slotted content.
 *
 * Example:
 * ```
 * <r-illustration name="empty-state" width="200px"></r-illustration>
 * <r-illustration name="success" theme="dark" width="300px"></r-illustration>
 * ```
 *
 * @slot - Fallback content rendered when the illustration cannot be resolved
 * @slot error - Content shown when the illustration fails to load
 */
export declare class RIllustration {
    /** Host html element */
    host: HTMLRIllustrationElement;
    /** Name of illustration to select from the set */
    name?: IllustrationName;
    /** Defines initial width of an illustration. Defaults to 100% (fills the container); the illustration content itself stays a fixed 342x176 and is centered within this width. */
    width: string;
    /** Theme mode for illustration rendering */
    theme: IllustrationTheme;
    /** Minimum width constraint for responsive behavior */
    minWidth?: string;
    /** Maximum width constraint for responsive behavior */
    maxWidth?: string;
    /** Optional title element to be added inside the SVG for accessibility */
    svgTitle?: string;
    /** Optional description element to be added inside the SVG for accessibility */
    svgDescription?: string;
    /** Error message text to display when illustration fails to load */
    errorMessage?: string;
    /** Accessible label (aria-label) for the loading state. Pass an empty string to mark it decorative. */
    loadingAlt: string;
    /**
     * Accessible label (aria-label) for the error state. Pass an empty string to mark it decorative.
     * When unset, the icon falls back to `emptyImageTitle`; without that it stays decorative while
     * `errorMessage` is rendered, and uses `'Unable to load image'` when there is no visible message.
     */
    errorAlt?: string;
    /**
     * Accessibility: title for the image representing the "failed-to-load" state.
     * @deprecated Use `errorAlt` instead. Retained as a fallback when `errorAlt` is unset.
     */
    emptyImageTitle?: string;
    /**
     * Accessibility: title for the marker representing the "failed-to-load" state.
     * @deprecated No longer rendered: the error state is a single SVG labelled by `errorAlt`.
     * Accepted and ignored for backwards compatibility; will be removed in the next major.
     */
    emptyMarkerTitle?: string;
    /** Emitted when illustration starts loading from the CDN */
    rLoading: EventEmitter<void>;
    /** Emitted when illustration fails to load */
    rFailed: EventEmitter<void>;
    /** Emitted when illustration completes loading */
    rComplete: EventEmitter<void>;
    detectedTheme?: string;
    error: boolean;
    loading: boolean;
    private get cssVars();
    private get ariaRole();
    private get ariaLabelledBy();
    private get effectiveErrorAlt();
    private _stateAria;
    private svgElement;
    private svgAttributes;
    private svgInnerHTML;
    private themeObserver;
    private uniqueId;
    private _setElementAttrs;
    private _defineSvgAttrs;
    private _passAttributesToSvg;
    private _applySvg;
    private _fetchFromCdn;
    private _resolveIllustration;
    componentWillLoad(): void;
    componentDidLoad(): Promise<void>;
    handleNameChange(): Promise<void>;
    private _fetchPendingIllustration;
    /**
     * Sets the component into its loading state (skeleton).
     * The state is left when `name` is set or changed, which re-resolves the illustration.
     */
    setLoading(): Promise<void>;
    private _extractSvgData;
    private _buildSvgContent;
    disconnectedCallback(): void;
    private _setupAutoThemeDetection;
    render(): any;
}