"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn/cn.cjs.js"),n=require("../../src/components/FAQComponentItem/faqComponentItem.module.css"),a=require("../Typography/Typography.cjs.js"),r=require("../Icon/Icon.cjs.js"),t=require("../Icon/constants.cjs.js"),m=({title:i,content:l,isOpen:s,index:o,onClick:d})=>e.jsxs("div",{className:n.root,children:[e.jsxs("div",{onClick:()=>d(o!=null?o:0),className:c.cn(n.header,{[n.headerSticky]:s}),children:[e.jsx(a.Typography,{defaultVariant:"headingMd",mobileVariant:"headingXxs",children:i}),e.jsxs("div",{className:n.closeButtonWrapper,children:[e.jsx(r.Icon,{name:t.EIconName.BRACKET_LEFT}),e.jsx("div",{className:c.cn(n.closeButton,{[n.closeButtonActive]:s}),children:e.jsx(r.Icon,{name:t.EIconName.PLUS_BOLD})}),e.jsx(r.Icon,{name:t.EIconName.BRACKET_RIGHT})]})]}),e.jsx("div",{className:c.cn(n.description,{[n.descriptionShow]:s}),children:e.jsx("div",{className:n.descriptionInner,children:e.jsx(a.Typography,{as:"p",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:l})})}),e.jsx("div",{className:n.leftBorder}),e.jsx("div",{className:n.rightBorder})]});exports.FAQComponentItem=m;
