import { jsxs, jsx } from "react/jsx-runtime";
import { T as Tabs } from "./tabs-DgXFE6Gu.js";
import { T as TabsList, a as TabsTrigger, b as TabsContent } from "./tabs-DmCK9qzK.js";
import { D as DashboardLayout } from "./layout-Cf9mPjOS.js";
import { router } from "@inertiajs/react";
import { HelpCircle, ListTodo, Settings, CircleDollarSign, BookText, FileText, FolderInput, FlaskConical } from "lucide-react";
import { nanoid } from "nanoid";
import ExamUpdateHeader from "./exam-update-header-JKT8O6vW.js";
import Attempts from "./attempts-C7fGvY7l.js";
import Basic from "./basic-DkWUxIm_.js";
import Info from "./info-B1bi-rt4.js";
import Media from "./media-Cg5-on7s.js";
import Pricing from "./pricing-BImJFbWB.js";
import Questions from "./questions-Cv21jftP.js";
import Resources from "./resources-BErw4Cc_.js";
import SEO from "./seo-_hDhwx2k.js";
import ExamSettings from "./settings-3om5cSAD.js";
import "react";
import "@radix-ui/react-tabs";
import "./utils-DLCPGU0v.js";
import "clsx";
import "tailwind-merge";
import "./sidebar-C1tqSfnl.js";
import "@radix-ui/react-slot";
import "class-variance-authority";
import "./button-CdJZJLGw.js";
import "./separator-CSqU-rrB.js";
import "@radix-ui/react-separator";
import "./sheet-BOQ-e9_C.js";
import "@radix-ui/react-dialog";
import "./tooltip-BYKuzaoQ.js";
import "@radix-ui/react-tooltip";
import "./main-BKBelQb-.js";
import "next-themes";
import "sonner";
import "./appearance-BJIqrZL5.js";
import "./dropdown-menu-msun3TP8.js";
import "@radix-ui/react-dropdown-menu";
import "./language-mewnB-2r.js";
import "./notification-Bg6IzWOo.js";
import "./popover-Cv6Hz_y0.js";
import "@radix-ui/react-popover";
import "date-fns";
import "./scroll-area-CDdrLubh.js";
import "@radix-ui/react-scroll-area";
import "./app-logo-DWyi5bLn.js";
import "./accordion-cIAfVfPq.js";
import "@radix-ui/react-accordion";
import "./route-DlE7FdTW.js";
import "./avatar-C8iCpF5R.js";
import "@radix-ui/react-avatar";
import "./use-lang-44ndmTOc.js";
import "./input-error-D1JIzedA.js";
import "./loading-button-CCIxhJrY.js";
import "./dialog-DGP_3dPQ.js";
import "./label-0rIIfpX0.js";
import "@radix-ui/react-label";
import "./select-BYx0MCUK.js";
import "@radix-ui/react-select";
import "richtor";
/* empty css                 */
import "./table-filter-aC0v-3Es.js";
import "./debounce-ZFxqVthq.js";
import "./table-page-size-CF314lUl.js";
import "./table-footer-BvAwBYor.js";
import "./table-header-CdEXSV6s.js";
import "./table-BMWNGY4o.js";
import "@tanstack/react-table";
import "./card-B-gBwpxd.js";
import "./exam-attempt-review-81e0usEB.js";
import "./question-status-icon-D4-duJxF.js";
import "./badge-J-zeQvMg.js";
import "./question-type-badge-CdL_99ID.js";
import "./input-BsvJqbcd.js";
import "./exam-attempt-table-columns-jz0Ec1Hp.js";
import "./combobox-BpeE9nB5.js";
import "cmdk";
import "./textarea-Z0d4V-ti.js";
import "./inertia-BtwbgBI3.js";
import "./faq-form--2A2DZsP.js";
import "./outcome-form-BLqobUpt.js";
import "./requirement-form-BBydVece.js";
import "./checkbox--3Zj5G-w.js";
import "@radix-ui/react-checkbox";
import "./radio-group-Wf8uu9ZY.js";
import "@radix-ui/react-radio-group";
import "./course-durations-Cq7bB4fL.js";
import "./data-sort-modal-DUjsJmGW.js";
import "nprogress";
import "./delete-modal-BrX_mlY2.js";
import "./question-dialog-CwALAXqe.js";
import "./fill-blank-form-BcDCvDw3.js";
import "./listening-form-BiqPdcp5.js";
import "./chunked-uploader-input-CZfv7yqS.js";
import "axios";
import "./matching-form-hmM-nMXg.js";
import "./multiple-choice-form-oVIXwxmn.js";
import "./ordering-form-TxongDlm.js";
import "./short-answer-form-D3SsHnIm.js";
import "./resource-form-CmsEpxas.js";
import "./file-metadata-CvVo69cP.js";
const Update = (props) => {
  const { tab, exam } = props;
  const tabs = [
    {
      id: nanoid(),
      name: "Questions",
      slug: "questions",
      Icon: HelpCircle,
      Component: Questions
    },
    {
      id: nanoid(),
      name: "Resources",
      slug: "resources",
      Icon: ListTodo,
      Component: Resources
    },
    {
      id: nanoid(),
      name: "Attempts",
      slug: "attempts",
      Icon: ListTodo,
      Component: Attempts
    },
    {
      id: nanoid(),
      name: "Basic",
      slug: "basic",
      Icon: Settings,
      Component: Basic
    },
    {
      id: nanoid(),
      name: "Pricing",
      slug: "pricing",
      Icon: CircleDollarSign,
      Component: Pricing
    },
    {
      id: nanoid(),
      name: "Settings",
      slug: "settings",
      Icon: BookText,
      Component: ExamSettings
    },
    {
      id: nanoid(),
      name: "Info",
      slug: "info",
      Icon: FileText,
      Component: Info
    },
    {
      id: nanoid(),
      name: "Media",
      slug: "media",
      Icon: FolderInput,
      Component: Media
    },
    {
      id: nanoid(),
      name: "SEO",
      slug: "seo",
      Icon: FlaskConical,
      Component: SEO
    }
  ];
  return /* @__PURE__ */ jsxs("section", { className: "space-y-8", children: [
    /* @__PURE__ */ jsx(ExamUpdateHeader, {}),
    /* @__PURE__ */ jsxs(Tabs, { value: tab ?? tabs[0].slug, className: "grid grid-rows-1 gap-5 md:grid-cols-4", children: [
      /* @__PURE__ */ jsx("div", { className: "col-span-full md:col-span-1", children: /* @__PURE__ */ jsx(TabsList, { className: "horizontal-tabs-list space-y-1", children: tabs.map(({ id, name, slug, Icon }) => /* @__PURE__ */ jsxs(
        TabsTrigger,
        {
          value: slug,
          className: "horizontal-tabs-trigger",
          onClick: () => router.get(
            route("exams.edit", {
              exam: exam.id,
              tab: slug
            })
          ),
          children: [
            /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
            /* @__PURE__ */ jsx("span", { children: name })
          ]
        },
        id
      )) }) }),
      /* @__PURE__ */ jsx("div", { className: "col-span-full md:col-span-3", children: tabs.map(({ id, slug, Component }) => /* @__PURE__ */ jsx(TabsContent, { value: slug, className: "m-0", children: /* @__PURE__ */ jsx(Component, {}) }, id)) })
    ] })
  ] });
};
Update.layout = (page) => /* @__PURE__ */ jsx(DashboardLayout, { children: page });
export {
  Update as default
};