import type { UserIdleState } from "@excalidraw/common";
import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
import type { MakeBrand } from "@excalidraw/common/utility-types";
import type { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState, SocketId, Device, PendingExcalidrawElements } from "../types";
import type { RoughCanvas } from "roughjs/bin/canvas";
import type { Drawable } from "roughjs/bin/core";
export type RenderableElementsMap = NonDeletedElementsMap & MakeBrand<"RenderableElementsMap">;
export type StaticCanvasRenderConfig = {
    canvasBackgroundColor: AppState["viewBackgroundColor"];
    imageCache: AppClassProperties["imageCache"];
    renderGrid: boolean;
    /** when exporting the behavior is slightly different (e.g. we can't use
     CSS filters), and we disable render optimizations for best output */
    isExporting: boolean;
    embedsValidationStatus: EmbedsValidationStatus;
    elementsPendingErasure: ElementsPendingErasure;
    pendingFlowchartNodes: PendingExcalidrawElements | null;
    isHighlighterPenDrawing?: boolean;
};
export type SVGRenderConfig = {
    offsetX: number;
    offsetY: number;
    isExporting: boolean;
    exportWithDarkMode: boolean;
    renderEmbeddables: boolean;
    frameRendering: AppState["frameRendering"];
    canvasBackgroundColor: AppState["viewBackgroundColor"];
    frameColor?: AppState["frameColor"];
    embedsValidationStatus: EmbedsValidationStatus;
    /**
     * whether to attempt to reuse images as much as possible through symbols
     * (reduces SVG size, but may be incompoatible with some SVG renderers)
     *
     * @default true
     */
    reuseImages: boolean;
};
export type InteractiveCanvasRenderConfig = {
    remoteSelectedElementIds: Map<ExcalidrawElement["id"], SocketId[]>;
    remotePointerViewportCoords: Map<SocketId, {
        x: number;
        y: number;
    }>;
    remotePointerUserStates: Map<SocketId, UserIdleState>;
    remotePointerUsernames: Map<SocketId, string>;
    remotePointerButton: Map<SocketId, string | undefined>;
    selectionColor: string;
    renderScrollbars?: boolean;
};
export type RenderInteractiveSceneCallback = {
    atLeastOneVisibleElement: boolean;
    elementsMap: RenderableElementsMap;
    scrollBars?: ScrollBars;
};
export type StaticSceneRenderConfig = {
    canvas: HTMLCanvasElement;
    rc: RoughCanvas;
    elementsMap: RenderableElementsMap;
    allElementsMap: NonDeletedSceneElementsMap;
    visibleElements: readonly NonDeletedExcalidrawElement[];
    scale: number;
    appState: StaticCanvasAppState;
    renderConfig: StaticCanvasRenderConfig;
};
export type InteractiveSceneRenderConfig = {
    canvas: HTMLCanvasElement | null;
    elementsMap: RenderableElementsMap;
    visibleElements: readonly NonDeletedExcalidrawElement[];
    selectedElements: readonly NonDeletedExcalidrawElement[];
    allElementsMap: NonDeletedSceneElementsMap;
    scale: number;
    appState: InteractiveCanvasAppState;
    renderConfig: InteractiveCanvasRenderConfig;
    device: Device;
    callback: (data: RenderInteractiveSceneCallback) => void;
};
export type NewElementSceneRenderConfig = {
    canvas: HTMLCanvasElement | null;
    rc: RoughCanvas;
    newElement: ExcalidrawElement | null;
    elementsMap: RenderableElementsMap;
    allElementsMap: NonDeletedSceneElementsMap;
    scale: number;
    appState: AppState;
    renderConfig: StaticCanvasRenderConfig;
};
export type SceneScroll = {
    scrollX: number;
    scrollY: number;
};
export type ExportType = "png" | "clipboard" | "clipboard-svg" | "backend" | "svg";
export type ScrollBars = {
    horizontal: {
        x: number;
        y: number;
        width: number;
        height: number;
    } | null;
    vertical: {
        x: number;
        y: number;
        width: number;
        height: number;
    } | null;
};
export type ElementShape = Drawable | Drawable[] | null;
export type ElementShapes = {
    rectangle: Drawable;
    ellipse: Drawable;
    diamond: Drawable;
    iframe: Drawable;
    embeddable: Drawable;
    freedraw: Drawable | null;
    arrow: Drawable[];
    line: Drawable[];
    text: null;
    image: null;
    frame: null;
    magicframe: null;
};