"use client"
import { AddIcon } from "@/components/icons";
import MasterRoleTable from "@/components/table/master-role-table";
import { Button, Card } from "@nextui-org/react";
import Link from "next/link";

export default function MasterRolePage() {
    return (
        <div className="h-[96vh] overflow-x-hidden overflow-y-scroll gap-0 grid rounded-lg border-2 ml-4">
            <div className="px-4">
                <Card className="rounded-md my-5 pl-5 py-2">
                    <Link href="/admin/master-role/create">
                        <Button size="md" color="primary" className="w-min">
                            <AddIcon />New Role
                        </Button>
                    </Link>
                </Card>
                <Card className="rounded-md my-5">
                    <MasterRoleTable />
                </Card>
            </div>
        </div>
    );
}