'use client';
import { jsx as _jsx, Fragment as _Fragment, 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), or when Site preview is available for accurate styling.
 */
export function StructureNotice({ structuralTypes, sitePreviewAvailable = false, }) {
    if (structuralTypes.length === 0 && !sitePreviewAvailable)
        return null;
    if (structuralTypes.length > 0) {
        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.", sitePreviewAvailable ? (_jsxs(_Fragment, { children: [' ', "Use ", _jsx("span", { className: "text-foreground font-medium", children: "Site preview" }), " for accurate styling."] })) : (_jsxs(_Fragment, { children: [' ', "Use ", _jsx("span", { className: "text-foreground font-medium", children: "View on site" }), " for the real design."] }))] })] }));
    }
    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 preview" }), " \u2014 use", ' ', _jsx("span", { className: "text-foreground font-medium", children: "Site preview" }), " for accurate styling."] })] }));
}
//# sourceMappingURL=StructureNotice.js.map