import { ListPageCard } from "@/app/dashboard/_components";
import { fetchBackendRbacModules } from "@/app/dashboard/admins/access/app-modules/_lib/app-modules-server-api";
import { ShieldCheck } from "lucide-react";

import { CreateRolePageClient } from "./_components/create-role-page-client";

export default async function CreateRolePage() {
  const { modules, errorMessage } = await fetchBackendRbacModules();

  return (
    <ListPageCard
      icon={ShieldCheck}
      title="Create role"
      breadcrumb={[
        { label: "Admins & Access", href: "/dashboard/admins/users" },
        { label: "Roles", href: "/dashboard/admins/access/roles" },
        { label: "Create" },
      ]}
    >
      <CreateRolePageClient
        availableModules={modules}
        modulesErrorMessage={errorMessage}
      />
    </ListPageCard>
  );
}