"use client";

import { motion } from "motion/react";
import Image from "next/image";
import NoResults from "@/assets/cartilla-no-results.png";
import { fadeInOut } from "@/lib/variants";

type NoResultsMessageProps = {
  message: string;
};

const NoResultsMessage = ({ message }: NoResultsMessageProps) => {
  return (
    <motion.div className="flex flex-col items-center border-b border-gray-300 py-6" {...fadeInOut()}>
      <Image src={NoResults} alt="" className="w-[7.8125rem]" />
      <p className="text-contigo-violeta text-center text-sm font-medium">{message}</p>
    </motion.div>
  );
};

export default NoResultsMessage;