import { ScrollText } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";
import { AuditLogPageClient } from "./_components/audit-log-page-client";
import { fetchBackendAuditLog } from "./_lib/audit-server-api";

export default async function AccessAuditPage() {
  const { entries, errorMessage, available } = await fetchBackendAuditLog({ pageSize: 100 });

  return (
    <ListPageCard
      icon={ScrollText}
      title="RBAC Audit Log"
      description="Immutable trail of role and permission assignment changes."
      breadcrumb={[
        { label: "Admins & Access", href: "/dashboard/admins" },
        { label: "Audit Log" },
      ]}
    >
      <AuditLogPageClient
        initialEntries={entries}
        initialErrorMessage={errorMessage}
        auditAvailable={available}
      />
    </ListPageCard>
  );
}