"use client";

import { WifiOff } from "lucide-react";

export default function OfflinePage() {
  return (
    <div className="min-h-dvh flex flex-col items-center justify-center px-6 bg-background text-foreground">
      <div className="w-16 h-16 rounded-2xl bg-surface flex items-center justify-center mb-6">
        <WifiOff className="w-8 h-8 text-muted" />
      </div>
      <h1 className="text-xl font-bold text-heading mb-2">没有网络连接</h1>
      <p className="text-secondary text-center mb-8">
        请检查你的网络设置，然后重试
      </p>
      <button
        onClick={() => window.location.reload()}
        className="px-6 py-3 bg-accent text-white rounded-xl font-medium active:scale-95 transition-transform"
      >
        重试
      </button>
    </div>
  );
}
