import { NoResultsProps } from "@/types/proptypes";
import Moogle from "@/components/Moogle";
import SearchForm from "@/components/SearchForm";

import classes from "./noresults.module.css";

const NoResults = ({ searchQuery }: NoResultsProps) => {
  return (
    <div className={classes.container}>
      <Moogle />
      <h2 className={classes.text}>
        No results for {`${searchQuery}`} were found!
      </h2>
      <SearchForm layout="Vertical" />
    </div>
  );
};

export default NoResults;
