"use client";

import { Button } from "@/shadcn/ui/button";
import { useRouter } from "next/navigation";
import ComponentCard from "@/src/components/admin/common/ComponentCard";
import PageProtection from "@/src/components/admin/common/PageProtection";
import { Plus } from "lucide-react";
import AdminUserList from "./admin-list";

export default function AdminUserListPage() {
  const router = useRouter();

  return (
    <PageProtection pageSlug="admin-user.admin-user-list">
      <ComponentCard
        title="Admin User"
        desc="Admin User is a centralized module that allows organizations to create, manage, and maintain Admin User records efficiently"
      >
        <Button onClick={() => router.push("/admin/admin-user/add")}>
          <Plus size={15} />
          Add Admin User
        </Button>
        <div className="grid grid-cols-1 lg:grid-cols-1 gap-8">
          <div>
            <AdminUserList />
          </div>
        </div>
      </ComponentCard>
    </PageProtection>
  );
}