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-feedback-blue-light"
        : severity === "error"
            ? "bg-feedback-red-light"
            : "bg-feedback-orange-light";
    return (_jsxs("div", { className: cn(background, "border-feedback-orange text-neutral-grey-100 flex items-stretch gap-1 border-b text-sm"), children: [_jsx("div", { className: "bg-feedback-orange-light text-neutral-grey-100 flex items-center pl-4 pr-2", 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