import { jsxs as r, jsx as s } from "react/jsx-runtime";
import { useTranslation as n } from "react-i18next";
import { P as c, aA as a } from "./index-CeEMms9z.js";
import { U as p } from "./UnderlinedTabs-BEbz4Kre.js";
import { u as b } from "./useTabNavigation-Bsbskz0i.js";
import { Ticket as m } from "lucide-react";
const l = ["all", "assigned"];
function h() {
  const { t } = n("support"), { activeTab: e, setActiveTab: o } = b("all", [...l]);
  return /* @__PURE__ */ r(
    c,
    {
      title: t("list.title", "Tickets"),
      icon: /* @__PURE__ */ s(m, { className: "w-6 h-6" }),
      breadcrumbs: [
        { label: t("title", "Support"), href: "/support" },
        { label: t("list.title", "Tickets") }
      ],
      contentClassName: "space-y-4",
      children: [
        /* @__PURE__ */ s(
          p,
          {
            tabs: l.map((i) => ({
              id: i,
              label: i === "all" ? t("list.tabs.all", "All tickets") : t("list.tabs.assigned", "Assigned to me")
            })),
            activeTab: e,
            onTabChange: o,
            ariaLabel: t("list.tabs.label", "Onglets des tickets")
          }
        ),
        e === "all" && /* @__PURE__ */ s(
          a,
          {
            mode: "admin",
            showDrafts: !1,
            basePath: "/support/tickets",
            title: t("list.title"),
            subtitle: t("list.subtitle"),
            createPath: "/support/tickets/new"
          }
        ),
        e === "assigned" && /* @__PURE__ */ s(
          a,
          {
            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 {
  h as TicketsPage
};
//# sourceMappingURL=TicketsPage-BNEh7pnM.js.map
