import PageHeader from "@/components/app/PageHeader"
import PageShell from "@/components/app/PageShell"
import { Button } from "@/components/ui/button"
import RoleList from "@/features/roles/components/RoleList"

import { getAllRoles } from "@/features/roles/service"

export default async function RolePage() {
  const roles = await getAllRoles()

  return (
    <PageShell>
      <PageHeader
        title="Roles"
        description="Create roles and manage access."
        actions={
          <Button asChild>
            <a href="/roles/create">Add Role</a>
          </Button>
        }
      />
      <RoleList roles={roles} />
    </PageShell>
  )
}