import React from "react";
import { AnnotationsDashboard } from "@/components/annotations";

interface BookmarksNotesPageProps {
  bookId?: string;
}

export function BookmarksNotesPage({
  bookId,
}: BookmarksNotesPageProps): React.ReactElement {
  return (
    <div className="page">
      <h2>Bookmarks & Notes</h2>
      <AnnotationsDashboard
        bookId={bookId}
        onNavigateToPage={(bookId, page) => {
          // Navigate to the book reader page at the specific page
          window.location.href = `/books/${bookId}?page=${page}`;
        }}
      />
    </div>
  );
}