"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../ui/card.js";
import { Button } from "../ui/button.js";
import { AlertTriangle, ArrowRight } from "lucide-react";
import { useTranslations } from "next-intl";
import Link from "next/link";
function FeaturePlaceholder({ feature, icon, benefits }) {
  const t = useTranslations("billing");
  return /* @__PURE__ */ jsx("div", { className: "max-w-2xl mx-auto py-12", "data-cy": `feature-placeholder-${feature}`, children: /* @__PURE__ */ jsxs(Card, { className: "border-dashed border-2 border-muted", children: [
    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 p-4 bg-muted rounded-full w-fit", children: icon }),
      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", "data-cy": "placeholder-title", children: t(`features.${feature}`) }),
      /* @__PURE__ */ jsxs(CardDescription, { className: "flex items-center justify-center gap-2 text-amber-600", children: [
        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
        t("placeholder.notReal")
      ] })
    ] }),
    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
      /* @__PURE__ */ jsx("p", { className: "text-center text-muted-foreground", "data-cy": "placeholder-description", children: t("placeholder.description") }),
      /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 p-4 rounded-lg", "data-cy": "placeholder-benefits", children: [
        /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: t("placeholder.benefits") }),
        /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: benefits.map((benefit, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
          /* @__PURE__ */ jsx(ArrowRight, { className: "h-3 w-3 text-primary" }),
          benefit
        ] }, i)) })
      ] }),
      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Link, { href: "/dashboard/settings/pricing", children: /* @__PURE__ */ jsx(Button, { "data-cy": "placeholder-upgrade-btn", children: t("upgrade") }) }) })
    ] })
  ] }) });
}
export {
  FeaturePlaceholder
};
