---
import client from "@/data/pocketbase";

const { ingredients, class: className } = Astro.props;

---

<div class={className}>
    {ingredients.map(i => (
        <div class="text-sm">
            <p>• {i.quantity} {i.unit || " "}  {i.name}</p>
        </div>
    ))}
</div>