import{r as p,y as o,z as n,F as f,B as g,A as t,H as c,C as i,N as d,I as h,W as m,a3 as v,Z as w}from"./runtime-dom.esm-bundler-COsyWSZ4.js";import _ from"./SectionDescription-ByMz9H1t.js";const y={class:"w-full"},b=["onClick"],k={class:"pr-3 text-base lg:text-xl text-gray-800 font-bold"},C={class:"flex text-base lg:text-xl text-start font-medium text-gray-800 flex-1"},B={class:"flex flex-col"},D={class:"bg-footer-bg rounded-3xl lg:rounded-[2rem] p-8 mb-8"},z={class:"text-base lg:text-xl font-bold text-black-800 mb-6"},A={__name:"QnaContainer",props:{data:Array},setup(x){const a=p(null),u=r=>{a.value=a.value===r?null:r};return(r,s)=>(n(),o("div",y,[(n(!0),o(f,null,g(x.data,(l,e)=>(n(),o("div",{key:l.question,class:"flex flex-col w-full transition-all duration-500 ease-in-out"},[t("div",{class:d(["w-full flex py-7 lg:py-9 items-center cursor-pointer",{"border-b border-gray-100":a.value!==e}]),onClick:N=>u(e)},[t("p",k,"Q"+i(e+1)+".",1),t("div",C,i(l.question),1),(n(),o("svg",{class:d(["w-5 lg:w-8 h-5 lg:h-8 transition-transform duration-300 ease-out",{"-rotate-45":a.value===e}]),width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s[0]||(s[0]=[t("mask",{id:"pkw1x71gla",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},[t("path",{fill:"#D9D9D9",d:"M0 0h32v32H0z"})],-1),t("g",{mask:"url(#pkw1x71gla)"},[t("path",{d:"M21.565 17.334h-14.9a1.29 1.29 0 0 1-.95-.384 1.29 1.29 0 0 1-.383-.95c0-.378.128-.694.383-.95a1.29 1.29 0 0 1 .95-.383h14.9l-6.533-6.534a1.222 1.222 0 0 1-.383-.933c.01-.355.15-.667.416-.933.267-.245.578-.372.934-.384.355-.01.666.117.933.384l8.8 8.8c.133.133.228.278.283.433.056.156.084.322.084.5s-.028.345-.084.5c-.055.156-.15.3-.283.433l-8.8 8.8c-.244.245-.55.367-.917.367-.366 0-.683-.122-.95-.367a1.298 1.298 0 0 1-.4-.95c0-.366.134-.683.4-.95l6.5-6.5z",fill:"#111"})],-1)]),2))],10,b),c(w,{"enter-active-class":"transition duration-300 ease-out","enter-from-class":"opacity-0 max-h-0","enter-to-class":"opacity-100 max-h-[1000px]","leave-active-class":"transition duration-300 ease-in","leave-from-class":"opacity-100 max-h-[1000px]","leave-to-class":"opacity-0 max-h-0 overflow-hidden"},{default:h(()=>[m(t("div",null,[t("div",B,[t("div",D,[t("h3",z,i(l.mainText),1),c(_,{text:l.answer,class:"text-sm lg:text-lg text-gray-800"},null,8,["text"])]),s[1]||(s[1]=t("div",{class:"w-full h-px bg-gray-100"},null,-1))])],512),[[v,a.value===e]])]),_:2},1024)]))),128))]))}};export{A as default};