import Layout from '../../components/Layout';
import AdminProtected from '../../components/AdminProtected';
import AdminCatalogView from '../../components/AdminCatalogView';
import { useAdminCatalog } from '../../lib/use-admin-catalog.js';

function AdminCatalogPage() {
  const catalog = useAdminCatalog();

  return (
    <AdminProtected>
      {(user) => (
        <Layout user={user}>
          <AdminCatalogView {...catalog} />
        </Layout>
      )}
    </AdminProtected>
  );
}

export default AdminCatalogPage;