"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-status-success-text", 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-status-error-border bg-status-error-bg" : "border-l-status-warning-border bg-status-warning-bg"}`,
      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-overline text-muted-foreground", children: [
          "Modules: ",
          conflict.moduleIds.join(", "),
          " | Target: ",
          conflict.target
        ] })
      ]
    },
    idx
  )) });
}
export {
  ConflictWarnings
};
//# sourceMappingURL=ConflictWarnings.js.map
