import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import { C as ChangeEmail, a as ChangePassword, F as ForgetPassword } from "./forget-password-Bjjk2z0I.js";
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 { g as getQueryParams } from "./route-DlE7FdTW.js";
import { usePage, Head, router } from "@inertiajs/react";
import { nanoid } from "nanoid";
import UpdateProfile from "./update-profile-BsQkmJ1j.js";
import "./input-error-D1JIzedA.js";
import "./utils-DLCPGU0v.js";
import "clsx";
import "tailwind-merge";
import "./card-B-gBwpxd.js";
import "react";
import "./input-BsvJqbcd.js";
import "./label-0rIIfpX0.js";
import "@radix-ui/react-label";
import "class-variance-authority";
import "./loading-button-CCIxhJrY.js";
import "lucide-react";
import "./button-CdJZJLGw.js";
import "@radix-ui/react-slot";
import "@radix-ui/react-tabs";
import "./sidebar-C1tqSfnl.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 "./avatar-C8iCpF5R.js";
import "@radix-ui/react-avatar";
import "./use-lang-44ndmTOc.js";
import "./tag-input-D5O17wz6.js";
import "@yaireo/tagify";
import "./textarea-Z0d4V-ti.js";
import "./inertia-BtwbgBI3.js";
const Account = ({ instructor, translate }) => {
  const page = usePage();
  const params = getQueryParams(page.url);
  const { button, settings } = translate;
  const tabs = [
    {
      id: nanoid(),
      slug: "profile-update",
      title: button.profile_update,
      Component: () => /* @__PURE__ */ jsx(UpdateProfile, { instructor })
    },
    {
      id: nanoid(),
      slug: "change-email",
      title: button.change_email,
      Component: ChangeEmail
    },
    {
      id: nanoid(),
      slug: "change-password",
      title: button.change_password,
      Component: ChangePassword
    },
    {
      id: nanoid(),
      slug: "forget-password",
      title: button.forget_password,
      Component: ForgetPassword
    }
    // {
    //    id: nanoid(),
    //    slug: 'delete-account',
    //    title: 'Delete Account',
    //    Component: DeleteUser,
    // },
  ];
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(Head, { title: settings.account_settings }),
    /* @__PURE__ */ jsxs(Tabs, { value: params["tab"] ?? tabs[0].slug, className: "grid grid-rows-1 gap-5 md:grid-cols-4 md:px-3", children: [
      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(TabsList, { className: "horizontal-tabs-list", children: tabs.map(({ id, slug, title }) => /* @__PURE__ */ jsx(
        TabsTrigger,
        {
          value: slug,
          className: "horizontal-tabs-trigger",
          onClick: () => router.get(
            route("settings.account", {
              tab: slug
            })
          ),
          children: title
        },
        id
      )) }) }),
      /* @__PURE__ */ jsx("div", { className: "md:col-span-3", children: tabs.map(({ id, slug, Component }) => /* @__PURE__ */ jsx(TabsContent, { value: slug, className: "m-0", children: /* @__PURE__ */ jsx(Component, {}) }, id)) })
    ] })
  ] });
};
Account.layout = (page) => /* @__PURE__ */ jsx(DashboardLayout, { children: page });
export {
  Account as default
};