"use client"

import { RecipeCard } from "@/components/bartender/recipe-card"
import type { RecipeCardData } from "@/components/bartender/recipe-card"

interface DrinkRecipesListProps {
  recipes: RecipeCardData[]
}

export function DrinkRecipesList({ recipes }: DrinkRecipesListProps) {
  return (
    <div className="space-y-4">
      {recipes.map((recipe) => (
        <RecipeCard
          key={recipe.id}
          recipe={recipe}
          saved
        />
      ))}
    </div>
  )
}
