import { type ReactElement } from 'react';
import { Layout } from '@/components/layout/Layout';
import { DesignationsTable } from '@/components/superadmin';

const Designations = (): ReactElement => {
  return (
    <Layout
      currentPage="Designations"
      pageHeader={{
        title: 'Designation Management',
        description: 'View and manage all designations within your organization.',
      }}
    >
      <DesignationsTable />
    </Layout>
  );
};

export default Designations;
