import SiteBreadcrumb from "@/components/site-breadcrumb";
import { Button } from "@/components/ui/button";
import { Plus, PlusIcon } from "lucide-react";
import { Link } from "@/i18n/routing";
import CollaborationSpvTable from "../collaboration/components/collabroation-table";

const FaqPage = async () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="w-full overflow-x-auto bg-white p-4 rounded-sm space-y-3">
        <div className="flex justify-between py-3">
          <p className="text-lg">Kolaborasi</p>

          <Link href="/supervisor/communications/collaboration/create">
            <Button color="primary" size="md">
              <PlusIcon />
              Kolaborasi baru
            </Button>
          </Link>
        </div>
        <CollaborationSpvTable />
      </div>
    </div>
  );
};

export default FaqPage;
