import {
  Awaiting,
  SettingsInfoSkeleton,
  SettingsDialogProps,
  SettingsDialog,
} from "@marzneshin/common/components";
import { type AdminType } from "@marzneshin/modules/admins";
import { type FC } from "react";
import { AdminInfoTable } from "./admin-info";

interface AdminsSettingsDialogProps extends SettingsDialogProps {
  entity: AdminType | null;
  onClose: () => void;
  isPending: boolean;
}

export const AdminsSettingsDialog: FC<AdminsSettingsDialogProps> = ({
  onOpenChange,
  open,
  entity,
  onClose,
  isPending,
}) => {

  return (
    <SettingsDialog open={open} onClose={onClose} onOpenChange={onOpenChange}>
      <Awaiting
        Component={
          entity ? (
            <AdminInfoTable admin={entity} />
          ) : (
            <div>Not Found</div>
          )
        }
        Skeleton={<SettingsInfoSkeleton />}
        isFetching={isPending}
      />
    </SettingsDialog>
  );
};

//
//           <Tabs defaultValue="info" className="w-full h-full">
//             <TabsList className="w-full bg-accent">
//               <TabsTrigger className="w-full" value="info">
//                 {t("admin_info")}
//               </TabsTrigger>
//               <TabsTrigger className="w-full" value="services">
//                 {t("services")}
//               </TabsTrigger>
//               <TabsTrigger className="w-full" value="subscription">
//                 {t("users")}
//               </TabsTrigger>
//             </TabsList>
//             <TabsContent
//               value="info"
//               className="flex flex-col gap-2 w-full h-full"
//             >
//               <AdminInfoTable admin={entity} />
//             </TabsContent>
//             {/* <TabsContent value="services"> */}
//               {/* <AdminServicesTable admin={entity} /> */}
//             {/* </TabsContent> */}
//             {/* <TabsContent value="users">Users</TabsContent> */}
//           </Tabs>