import * as React from 'react';

import { Page } from '@strapi/strapi/admin';
import { Route, Routes } from 'react-router-dom';

import { PERMISSIONS } from '../../constants';

import { ProtectedRolesCreatePage } from './pages/CreatePage';
import { ProtectedRolesEditPage } from './pages/EditPage';
import { ProtectedRolesListPage } from './pages/ListPage';

const Roles = () => {
  return (
    <Page.Protect permissions={PERMISSIONS.accessRoles}>
      <Routes>
        <Route index element={<ProtectedRolesListPage />} />
        <Route path="new" element={<ProtectedRolesCreatePage />} />
        <Route path=":id" element={<ProtectedRolesEditPage />} />
      </Routes>
    </Page.Protect>
  );
};

export default Roles;