search recipes page

frontend/src/components/RecipesContainer.tsx

@@ -1,23 +0,0 @@
-import CookbookRecipeTile from "../components/CookbookRecipeTile.tsx"
-import { useState, useEffect } from "react";
-import { getRecipes, deleteRecipe } from "../services/frontendApi.js";
-import { type Recipe } from "../types/Recipe"
-
-
-
-function RecipesContainer({ recipes }) => {
-
-  return (
-    <div className="recipe-outer bg-amber-100 p-4 md:p-8 lg:p-12">
-      <h1 className="text-center text-3xl sm:text-4xl md:text-5xl font-bold mb-6 text-amber-800">Recipe Index</h1>
-      <div className="recipes-grid grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8">
-        {recipes.map((recipe) => (
-          <CookbookRecipeTile recipe={recipe} key={recipe.id} handleDelete={handleDelete} />
-        ))}
-      </div>
-    </div>
-
-  )
-}
-
-return default RecipesContainer