import { AddIcon } from "@/components/icons";
import MappingUserLevel from "@/components/table/master/master-user-level/mapping-user-level";
import MasterUserLevelTable from "@/components/table/master/master-user-level/master-user-level-table";
import { Button } from "@heroui/button";
import Link from "next/link";
import React from "react";

const AdminMasterUserLevel = () => {
  return (
    <div className="overflow-x-hidden overflow-y-scroll">
      <div className="px-2 md:px-4 md:py-4 w-full">
        <div className="bg-white shadow-lg dark:bg-[#18181b] rounded-xl py-3">
          <Link href="/admin/user-level/create" className="mx-3">
            <Button
              size="md"
              color="primary"
              className="bg-[#F07C00] text-white"
            >
              Level Baru
              <AddIcon />
            </Button>
          </Link>
          <MasterUserLevelTable />
        </div>
      </div>
    </div>
  );
};

export default AdminMasterUserLevel;
