import SiteBreadcrumb from "@/components/site-breadcrumb";
import { Button } from "@/components/ui/button";
import { Link } from "@/i18n/routing";
import { PlusIcon } from "lucide-react";
import InternalSpvTable from "../internal/components/internal-table";

const FaqPage = async () => {
  return (
    <div>
      <SiteBreadcrumb />
      <div className="space-y-4">
        <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">Pertanyaan Internal</p>
            <Link href="/supervisor/communications/internal/create">
              <Button color="primary" size="md">
                <PlusIcon />
                Pertanyaan baru
              </Button>
            </Link>
          </div>

          <InternalSpvTable />
        </div>
      </div>
    </div>
  );
};

export default FaqPage;