"use client";

import { useEffect } from "react";

export default function BillingError({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  useEffect(() => {
    // Keep the error boundary intentionally quiet in production; the API/log layer records the server cause.
  }, []);

  return (
    <main className="billing-route-error">
      <div className="billing-route-error-card">
        <span className="billing-route-error-kicker">计费中心</span>
        <h1>计费服务暂时不可用</h1>
        <p>请先刷新页面。如果问题持续，请检查服务端日志，并确认已通过 <code>npm run db:migrate</code> 完成数据库迁移。</p>
        <button type="button" onClick={() => reset()}>重新加载</button>
      </div>
    </main>
  );
}