"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),s=require("../../src/modules/IngredientHighlight/ingredientHighlight.module.css"),o=require("./components/Ingredient/Ingredient.cjs.js"),g=({items:n})=>{const[c,r]=l.useState(0),a=i=>{r(e=>e===i?e:i)};return t.jsx("section",{className:s.root,children:t.jsxs("div",{className:s.container,children:[t.jsx("div",{className:s.imageContainer,children:t.jsx("img",{src:n[c].image,alt:"background image",className:s.image})}),t.jsx("div",{className:s.ingredients,children:n.map((i,e)=>t.jsx(o.Ingredient,{title:i.title,description:i.description,isOpen:c===e,index:e,onClick:a},e))})]})})};exports.IngredientHighlight=g;
