"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { AlertTriangle, Trash2 } from "lucide-react";
import { useTranslations } from "next-intl";
import { Button } from "../ui/button.js";
import { sel } from "@nextsparkjs/core/lib/test";
function DeletedPatternPlaceholder({
  patternId,
  onRemove
}) {
  const t = useTranslations("admin.patterns.placeholder");
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: "flex items-center gap-3 p-4 border border-dashed border-destructive/50 rounded-lg bg-destructive/5",
      "data-cy": sel("patterns.placeholder.container"),
      "data-pattern-id": patternId,
      children: [
        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: t("title") }),
          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: t("description") })
        ] }),
        /* @__PURE__ */ jsxs(
          Button,
          {
            variant: "ghost",
            size: "sm",
            onClick: onRemove,
            className: "text-destructive hover:text-destructive hover:bg-destructive/10 flex-shrink-0",
            "data-cy": sel("patterns.placeholder.removeBtn"),
            children: [
              /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-1" }),
              t("remove")
            ]
          }
        )
      ]
    }
  );
}
export {
  DeletedPatternPlaceholder
};
