import type { PageSection } from '../../lib/page-editor-service.js';
import { type ViewportId } from './viewports.js';
interface EditorCanvasProps {
    sections: PageSection[];
    selectedId: string | null;
    viewport: ViewportId;
    onSelect: (id: string) => void;
    onAddSection: () => void;
    /** Section types rendered as placeholders — shows the "Structure view" notice. */
    structuralTypes?: string[];
}
/**
 * The preview canvas. Renders the page at the selected viewport's logical
 * width and scales it down with a CSS transform so wide viewports (1440px,
 * 1920px) fit inside the available canvas column. Scale is recomputed from
 * a ResizeObserver so it stays correct as panels open/close.
 */
export declare function EditorCanvas({ sections, selectedId, viewport, onSelect, onAddSection, structuralTypes, }: EditorCanvasProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=EditorCanvas.d.ts.map