import { type CanvasDocument } from '../../../utils/canvasDocument.js';
import { type CanvasExportFormat } from '../../../utils/canvasExport.js';
import type { MediaAsset } from '../../../utils/mediaTracks.js';
interface CanvasEditorProps {
    value?: CanvasDocument;
    assets?: MediaAsset[];
    zoom?: number;
    /**
     * `frame` opens on the cover photo so it can be panned and zoomed.
     * `edit` is the full canvas: panels, menu and component search.
     */
    mode?: 'edit' | 'frame';
    /** Hide the built-in menu when the host already has one. */
    showMenu?: boolean;
    showGrid?: boolean;
    showGuides?: boolean;
    snap?: boolean;
    showSidebar?: boolean;
    showInspector?: boolean;
    stageFrame?: 'edit' | 'desktop' | 'tablet' | 'mobile';
    class?: string;
    onchange?: (doc: CanvasDocument) => void;
    onassetschange?: (assets: MediaAsset[]) => void;
    onexport?: (payload: {
        format: CanvasExportFormat;
        document: CanvasDocument;
        blob?: Blob;
    }) => void;
}
declare const CanvasEditor: import("svelte").Component<CanvasEditorProps, {}, "value" | "zoom" | "showGrid" | "snap" | "assets" | "showGuides" | "showSidebar" | "showInspector" | "stageFrame">;
type CanvasEditor = ReturnType<typeof CanvasEditor>;
export default CanvasEditor;