import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../lib/utils";
import { AlertTriangle } from "lucide-react";
export function EditorWarning({ title, severity = "warning", children, }) {
    const background = severity === "info"
        ? "bg-blue-100"
        : severity === "error"
            ? "bg-red-100"
            : "bg-yellow-100";
    return (_jsxs("div", { className: cn(background, "flex items-stretch gap-2 border-b border-yellow-300 text-sm text-gray-500"), children: [_jsx("div", { className: "flex items-center bg-yellow-200 px-4 text-gray-900", children: _jsx(AlertTriangle, { className: "h-6 w-6" }) }), _jsxs("div", { className: "p-2", children: [_jsx("div", { className: "font-bold", children: title }), _jsx("div", { className: "text-xs", children: children })] })] }));
}
//# sourceMappingURL=EditorWarning.js.map