"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { Lightbulb, Send } from "lucide-react";
import { useT } from "@open-mercato/shared/lib/i18n/context";
import { Button } from "@open-mercato/ui/primitives/button";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
function DecisionMakersFooter({ names, suggestion, onSendInvitation }) {
  const t = useT();
  if (names.length === 0) return null;
  const visibleNames = names.slice(0, 4);
  const hiddenCount = Math.max(0, names.length - visibleNames.length);
  return /* @__PURE__ */ jsxs("div", { className: "sticky bottom-0 flex flex-col gap-3 rounded-lg border bg-card px-4 py-3 shadow-sm sm:flex-row sm:items-center sm:justify-between", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [
      /* @__PURE__ */ jsx(Lightbulb, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
        /* @__PURE__ */ jsx("p", { className: "text-overline font-semibold uppercase tracking-wide text-muted-foreground", children: t("customers.people.decisionMakers.label", "Decision Makers") }),
        /* @__PURE__ */ jsxs("p", { className: "break-words text-sm font-medium", children: [
          t("customers.people.decisionMakers.count", "{count} key people", { count: names.length }),
          ":",
          " ",
          visibleNames.join(" \xB7 "),
          hiddenCount > 0 ? ` \xB7 +${hiddenCount} ${t("customers.people.decisionMakers.more", "more")}` : ""
        ] }),
        suggestion && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: suggestion })
      ] })
    ] }),
    onSendInvitation && /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "w-full shrink-0 sm:w-auto", children: /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", disabled: true, className: "pointer-events-none w-full sm:w-auto", children: [
        /* @__PURE__ */ jsx(Send, { className: "mr-1.5 size-3.5" }),
        t("customers.people.decisionMakers.sendInvitation", "Send invitation")
      ] }) }) }),
      /* @__PURE__ */ jsx(TooltipContent, { children: t("customers.ai.comingSoon", "Coming soon") })
    ] }) })
  ] });
}
export {
  DecisionMakersFooter
};
//# sourceMappingURL=DecisionMakersFooter.js.map
