import type { ReactNode } from "react";
/** The app's icon, else its initial on a tile. */
export declare function AppIcon({ src, name, size, }: {
    src?: string | null;
    name: string;
    size?: number;
}): import("react").JSX.Element;
/**
 * A computer with the agent at work on it: a window, a pointer moving to a
 * button, and the agent's mark in the corner. Shown before setting up.
 */
export declare function ComputerIllustration({ mark }: {
    mark?: ReactNode;
}): import("react").JSX.Element;
/**
 * The row the person will find in System Settings: the app's icon and name,
 * and its switch, turning on. Once allowed, the switch stays on.
 */
export declare function SettingsRowIllustration({ listName, appName, appIcon, allowed, }: {
    listName: string;
    appName: string;
    appIcon?: string | null;
    allowed: boolean;
}): import("react").JSX.Element;
/**
 * The question macOS asks the first time an app opens a guarded folder,
 * with the button to choose highlighted. Once allowed, it shows a check.
 */
export declare function FolderPromptIllustration({ message, allow, dontAllow, appIcon, appName, allowed, }: {
    message: string;
    allow: string;
    dontAllow: string;
    appIcon?: string | null;
    appName: string;
    allowed: boolean;
}): import("react").JSX.Element;
/** A check that draws itself, for "allowed" and "all set". */
export declare function DoneIllustration(): import("react").JSX.Element;