import type { PageSection, PostHeaderConfig } from '../../lib/post-editor-service.js';
import { type PostRenderContext } from '../page-editor/sections/index.js';
import { type ViewportId } from '../page-editor/viewports.js';
interface PostEditorCanvasProps {
    sections: PageSection[];
    header: PostHeaderConfig;
    context: PostRenderContext;
    selectedId: string | null;
    viewport: ViewportId;
    onSelect: (id: string) => void;
    onAddSection: () => void;
    /** Section types rendered as placeholders — shows the "Structure view" notice. */
    structuralTypes?: string[];
}
/**
 * Post preview canvas. Mirrors the Page editor canvas (scaled surface that
 * fits the selected viewport) but renders the post header above the section
 * list so the editor shows the full post layout — header regions plus body
 * sections — exactly as it will ship.
 */
export declare function PostEditorCanvas({ sections, header, context, selectedId, viewport, onSelect, onAddSection, structuralTypes, }: PostEditorCanvasProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=PostEditorCanvas.d.ts.map