import Link from "next/link";
import { FileQuestion, ArrowLeft, Home } from "lucide-react";
import { Button } from "@/components/ui/button";

export default function TaskNotFound() {
  return (
    <div className="flex flex-col items-center justify-center min-h-[60vh] px-4">
      <div className="p-4 rounded-full bg-muted mb-6">
        <FileQuestion className="h-12 w-12 text-muted-foreground" />
      </div>
      
      <h1 className="text-2xl font-bold mb-2">Tarea no encontrada</h1>
      
      <p className="text-muted-foreground text-center max-w-md mb-6">
        La tarea que buscas no existe o ha sido eliminada. 
        Verifica el ID de la tarea o vuelve a la lista de proyectos.
      </p>
      
      <div className="flex items-center gap-3">
        <Button variant="outline" asChild>
          <Link href="/proyectos">
            <ArrowLeft className="h-4 w-4 mr-2" />
            Ver proyectos
          </Link>
        </Button>
        
        <Button asChild>
          <Link href="/">
            <Home className="h-4 w-4 mr-2" />
            Ir al inicio
          </Link>
        </Button>
      </div>
    </div>
  );
}