import { type ReactElement } from "react";
import { Layout } from "@/components/layout/Layout";
import { RolesTable } from "@/components/superadmin";

const Roles = (): ReactElement => {
  return (
    <Layout
      currentPage="Roles"
      pageHeader={{
        title: "Role Management",
        description: "Define and manage roles to control user access based on job responsibilities",
      }}
    >
      <RolesTable showHeader={true} />
    </Layout>
  );
};

export default Roles;
