"use client";
import { jsx, jsxs } from "react/jsx-runtime";
function ConflictWarnings({ conflicts }) {
  if (conflicts.length === 0) {
    return /* @__PURE__ */ jsx("p", { className: "text-xs italic text-emerald-600 dark:text-emerald-400", children: "No conflicts detected" });
  }
  return /* @__PURE__ */ jsx("div", { children: conflicts.map((conflict, idx) => /* @__PURE__ */ jsxs(
    "div",
    {
      className: `mb-1.5 rounded border-l-[3px] p-2 text-xs ${conflict.severity === "error" ? "border-l-red-500 bg-red-50 dark:bg-red-950/30" : "border-l-amber-500 bg-amber-50 dark:bg-amber-950/30"}`,
      children: [
        /* @__PURE__ */ jsxs("div", { className: "mb-0.5 font-semibold", children: [
          conflict.severity === "error" ? "Error" : "Warning",
          ": ",
          conflict.type
        ] }),
        /* @__PURE__ */ jsx("div", { className: "text-foreground/80", children: conflict.message }),
        /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-[11px] text-muted-foreground", children: [
          "Modules: ",
          conflict.moduleIds.join(", "),
          " | Target: ",
          conflict.target
        ] })
      ]
    },
    idx
  )) });
}
export {
  ConflictWarnings
};
//# sourceMappingURL=ConflictWarnings.js.map
