import type { ReactNode } from "react";
import { Suspense } from "react";

import { WalletScreen } from "@/features/wallet/wallet-screen";

function WalletFallback(): ReactNode {
  return <div className="min-h-[40vh] bg-white" aria-hidden />;
}

/** 界面文档 §4.9 彩票钱包：余额、转入/转出、待对账、流水 */
export default function WalletPage() {
  return (
    <Suspense fallback={<WalletFallback />}>
      <WalletScreen />
    </Suspense>
  );
}