'use client';

import { useRouter } from 'next/navigation';
import { Plus, ClipboardList } from 'lucide-react';
import { Button } from '@/components/ui/button';

export function EmptyRecent() {
  const router = useRouter();

  const handleNewApplication = () => {
    router.push('/dashboard/applications/');
  };

  return (
    <div className="flex flex-col items-center justify-center text-center">
      <div className="rounded-full bg-gray-100 p-4 mb-4">
        <ClipboardList className="h-10 w-10 text-gray-400" />
      </div>
      <h3 className="text-lg font-medium mb-2">暂无申请记录</h3>
      <p className="text-gray-500 mb-6 max-w-lg">
        您还没有提交过适配申请。点击下方按钮创建您的第一个适配申请。
      </p>
      <Button onClick={handleNewApplication}>
        <Plus className="h-4 w-4" />
        新建适配申请
      </Button>
    </div>
  );
}