import { createClient } from "@/lib/supabase/server";
import { canDo } from "@/lib/auth/permissions";
import { PageHeader } from "@/components/layout/page-header";
import { RoleListClient } from "./role-client";
import type { Role } from "@/lib/types";

export default async function RolePage() {
  const supabase = await createClient();
  const { data } = await supabase.from("roles").select("*").order("name");
  const roles = (data as Role[]) ?? [];
  const canManage = await canDo("roles", "update");

  return (
    <div>
      <PageHeader title="Role" breadcrumb="Settings / Role" />
      <RoleListClient roles={roles} canManage={canManage} />
    </div>
  );
}