import type { PageSection } from '../../../lib/page-editor-service.js';
import { type PostRenderContext } from './parts.js';
export interface SectionRendererProps {
    section: PageSection;
    /** Editor mode: adds click-to-select, the selection outline + label, and
     *  renders hidden sections muted instead of removing them. */
    editable?: boolean;
    selected?: boolean;
    onSelect?: (id: string) => void;
    /** Lets the canvas register the DOM node for scroll-to-section. */
    registerRef?: (id: string, el: HTMLElement | null) => void;
    /** Live post data for post-oriented section renderers (pages omit this). */
    context?: PostRenderContext;
}
/**
 * Renders one section with its background + padding, dispatching to the
 * shared body component. In `editable` mode it layers editor-only chrome
 * (outline + a small purple type label) on top of the same markup the
 * public preview uses — so what you edit is what ships.
 */
export declare function SectionRenderer({ section, editable, selected, onSelect, registerRef, context, }: SectionRendererProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=SectionRenderer.d.ts.map