import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { useTranslation as c } from "react-i18next";
import { B as n, _ as i } from "./index-CwSaRXXg.js";
import { u as d } from "./useTabNavigation-Bsbskz0i.js";
const a = ["all", "assigned"];
function v() {
  const { t } = c("support"), { activeTab: r, setActiveTab: o } = d("all", [...a]);
  return /* @__PURE__ */ l("div", { className: "space-y-4", children: [
    /* @__PURE__ */ e(
      n,
      {
        items: [
          { label: t("title", "Support"), href: "/support" },
          { label: t("list.title", "Tickets") }
        ]
      }
    ),
    /* @__PURE__ */ e("div", { className: "flex gap-1 border-b border-[var(--border-color)]", children: a.map((s) => /* @__PURE__ */ e(
      "button",
      {
        onClick: () => o(s),
        className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${r === s ? "border-[var(--color-primary-600)] text-[var(--color-primary-600)]" : "border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]"}`,
        children: s === "all" ? t("list.tabs.all", "All tickets") : t("list.tabs.assigned", "Assigned to me")
      },
      s
    )) }),
    r === "all" && /* @__PURE__ */ e(
      i,
      {
        mode: "admin",
        showDrafts: !1,
        basePath: "/support/tickets",
        title: t("list.title"),
        subtitle: t("list.subtitle"),
        createPath: "/support/tickets/new"
      }
    ),
    r === "assigned" && /* @__PURE__ */ e(
      i,
      {
        mode: "assigned",
        showDrafts: !1,
        basePath: "/support/tickets",
        title: t("list.assignedTitle", "Assigned Tickets"),
        subtitle: t("list.assignedSubtitle", "Tickets assigned to you"),
        createPath: "/support/tickets/new"
      }
    )
  ] });
}
export {
  v as TicketsPage
};
//# sourceMappingURL=TicketsPage-Bqd6moQy.js.map
