import { Suspense } from 'react';
import type { NextPage } from 'next';
import BooksList from '@/books/BooksList';
import UserPreferences from '@/books/UserPreferences';

const BooksPage: NextPage = () => {
  return (
    <>
      <header>
        <h1>Bücherliste</h1>
      </header>

      <BooksList />

      <Suspense fallback={<p>Einstellungen werden geladen...</p>}>
        <UserPreferences />
      </Suspense>
    </>
  );
};

export default BooksPage;
