"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../../utils/cn/cn.cjs.js"),r=require("../../../../src/modules/IngredientHighlight/components/Ingredient/ingredient.module.css"),o=require("../../../../components/Typography/Typography.cjs.js"),l=({title:i,description:t,isOpen:s,index:n,onClick:a})=>e.jsxs("div",{onClick:()=>a(n!=null?n:0),className:c.cn(r.root,{[r.rootOpened]:s}),children:[e.jsx("div",{className:r.header,children:e.jsx(o.Typography,{defaultVariant:"headingXs",color:`color-text-primary${s?"":"-disabled"}`,children:i})}),!!t&&e.jsx("div",{className:c.cn(r.description,{[r.descriptionShow]:s}),children:e.jsx("div",{className:r.descriptionInner,children:e.jsx(o.Typography,{as:"p",defaultVariant:"bodySm",children:t})})})]});exports.Ingredient=l;
