/**
 * @name 车辆氢费明细
 */

import React, { useMemo } from 'react';
import {
  AnnotationViewer,
  type AnnotationSourceDocument,
  type AnnotationViewerOptions,
} from '@axhub/annotation';
import './globals';
import 'antd/dist/reset.css';
import H2LedgerPage from './H2LedgerPage.jsx';
import annotationSourceDocument from './annotation-source.json';

export default function App() {
  const annotationOptions = useMemo<AnnotationViewerOptions>(
    () => ({
      showToolbar: true,
      showThemeToggle: true,
      showColorFilter: true,
      emptyWhenNoData: false,
      toolbarEdge: 'right',
      currentPageId: 'list',
    }),
    [],
  );

  return (
    <>
      <H2LedgerPage />
      <AnnotationViewer
        source={annotationSourceDocument as AnnotationSourceDocument}
        options={annotationOptions}
      />
    </>
  );
}
