/* Library Hub — 對齊 LibraryHubPage.vue */

function LibraryPage({ navigate }) {
  return (
    <div className="zen-page">
      <PageHeader title="書庫" />
      <div className="zen-content">
        <div className="content-wrapper content-wrapper--tab">
          <HubRow
            icon="book"
            title="例句庫"
            subtitle="收藏的例句"
            onClick={() => navigate("/sentence-books")}
          />
          <HubRow
            icon="library"
            title="單字本"
            subtitle="管理學習單字"
            onClick={() => navigate("/vocab-books")}
          />
          <HubRow
            iconText="あ"
            title="五十音"
            subtitle="假名學習專區"
            onClick={() => navigate("/gojuuon")}
          />
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { LibraryPage });