'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Puzzle } from 'lucide-react';
/**
 * Banner shown above the canvas surface when the document contains section
 * types the canvas can only render as placeholders (custom / unmanaged
 * types). Tells authors the canvas is a structural view — the real design
 * lives on the public site behind "View on site".
 */
export function StructureNotice({ structuralTypes }) {
    if (structuralTypes.length === 0)
        return null;
    const count = structuralTypes.length;
    return (_jsxs("div", { role: "note", className: "border-border bg-card text-muted-foreground mx-auto mb-4 flex w-fit max-w-full items-center gap-2 rounded-lg border px-3 py-1.5 text-xs", children: [_jsx(Puzzle, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }), _jsxs("span", { children: [_jsx("span", { className: "text-foreground font-medium", children: "Structure view" }), " \u2014 ", count, " custom section", ' ', "type", count > 1 ? 's' : '', " shown as placeholders. Use", ' ', _jsx("span", { className: "text-foreground font-medium", children: "View on site" }), " for the real design."] })] }));
}
//# sourceMappingURL=StructureNotice.js.map