task-managment / src / components / NotFoundItems.tsx
NotFoundItems.tsx
Raw
"use client";

import Image from "next/image";

const NotFoundItems = () => {
  return (
    <section className="min-h-[60vh] grid place-content-center w-full text-center ">
      <div className="grid place-content-center items-center">
      
        <Image
          width={150}
          height={150}
          src="/notFoundCat.png"
          alt="not found icon"
          className="m-auto"
        ></Image>
          <div>
          <h4 className="text-4xl font-bold text-center">Ooops!</h4>
           <p>Sin resultados que mostrar...</p>
        </div>
      </div>
      
    </section>
  );
};

export default NotFoundItems;