import { FileQuestion, Home } from "lucide-react";
import Link from "next/link";

interface PlaceholderProps {
  title: string;
}

export default function Placeholder({ title }: PlaceholderProps) {
  return (
    <div className="flex-1 flex flex-col items-center justify-center p-8 text-center animate-in fade-in duration-500">
          <div className="w-24 h-24 bg-surface-container rounded-full flex items-center justify-center mb-6 shadow-elevation-1">
            <FileQuestion className="w-12 h-12 text-primary" />
          </div>
          <h1 className="text-3xl font-display font-medium text-on-surface mb-3">
            {title}
          </h1>
          <p className="text-secondary max-w-md mb-8">
            此功能模块目前正在建设中
          </p>
          <Link
            href="/"
            className="flex items-center px-6 py-3 bg-primary text-on-primary rounded-full shadow-lg hover:shadow-primary/20 hover:bg-white transition-all font-medium text-sm gap-2"
          >
            <Home className="w-5 h-5" />
            返回总览面板
          </Link>
    </div>
  );
}