import{d as D,af as S,c as h,e as o,f as s,g as l,m as w,a8 as e,ag as x,p as r,t as $,F as K,l as M,j as _}from"./NkN6QURX.js";import{u as N}from"./DzxYJzkk.js";const j={class:"flex gap-10 flex-col lg:flex-row"},z={class:"w-full lg:w-[450px] flex-shrink-0 space-y-4"},F=["data-content-key"],L=["data-content-key"],R={class:"flex gap-4 flex-col sm:flex-row"},V=["data-content-key","onClick"],A=["src"],E={key:1,class:"w-6 h-6",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},q=["data-content-key","onClick"],G=["data-content-key","onClick"],H=["data-content-key"],P=D({__name:"MaterialsTextCardsLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},textStyle:{},className:{}},setup(a){const f=a,{pick:d,resolveKey:u,interactive:v,isActive:k,resolveTextStyle:g,handleClick:y}=N({content:S(f,"content"),activeKey:S(f,"activeKey"),editable:S(f,"editable"),onContentClick:f.onContentClick,textStyle:f.textStyle}),B=["01","02"],m=h(()=>d("sectionTitle")),p=h(()=>d("sectionDesc")),i=h(()=>d("sectionImage")),I=h(()=>B.map(n=>({icon:d(`cardIcon${n}`),title:d(`cardTitle${n}`),desc:d(`cardDesc${n}`),suffix:n})));function b(n){return n?.attribute?.value??""}function C(n){return n?.attribute?.src??""}return(n,c)=>(s(),o("section",{class:r(["py-12 md:py-16 lg:py-20 px-4 md:px-8 lg:px-[6%] font-sans bg-[#f3f4f6]",a.className])},[l("div",null,[l("div",j,[l("div",z,[m.value?(s(),o("div",{key:0,class:r(["text-3xl font-bold whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:a.editable&&e(k)(m.value)}]]),"data-content-key":e(u)(m.value)||void 0,style:x(e(g)(m.value)),onClick:c[0]||(c[0]=t=>e(y)(m.value))},$(b(m.value)),15,F)):w("",!0),p.value?(s(),o("p",{key:1,class:r(["text-sm leading-relaxed whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:a.editable&&e(k)(p.value)}]]),"data-content-key":e(u)(p.value)||void 0,style:x(e(g)(p.value)),onClick:c[1]||(c[1]=t=>e(y)(p.value))},$(b(p.value)),15,L)):w("",!0),l("div",R,[(s(!0),o(K,null,M(I.value,t=>(s(),o("div",{key:t.suffix,class:"flex-1 bg-white rounded-lg p-5 space-y-2"},[l("div",{class:r(["mb-2 w-10 h-10 flex items-center justify-center rounded-md border border-slate-200",[{"cursor-pointer":e(v),mark:a.editable&&t.icon&&e(k)(t.icon)}]]),"data-content-key":t.icon&&e(u)(t.icon)||void 0,onClick:_(T=>t.icon&&e(y)(t.icon),["stop"])},[C(t.icon)?(s(),o("img",{key:0,src:C(t.icon),alt:"",class:"w-8 h-8 object-contain"},null,8,A)):(s(),o("svg",E,[...c[3]||(c[3]=[l("circle",{cx:"12",cy:"12",r:"10"},null,-1),l("path",{d:"M12 6v6l4 2"},null,-1),l("path",{d:"M16 8l2-2"},null,-1)])]))],10,V),t.title?(s(),o("div",{key:0,class:r(["text-sm font-semibold whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:a.editable&&e(k)(t.title)}]]),"data-content-key":e(u)(t.title)||void 0,style:x(e(g)(t.title)),onClick:_(T=>e(y)(t.title),["stop"])},$(b(t.title)),15,q)):w("",!0),t.desc?(s(),o("p",{key:1,class:r(["text-xs leading-relaxed whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:a.editable&&e(k)(t.desc)}]]),"data-content-key":e(u)(t.desc)||void 0,style:x(e(g)(t.desc)),onClick:T=>e(y)(t.desc)},$(b(t.desc)),15,G)):w("",!0)]))),128))])]),l("div",{class:r(["flex-1 min-h-[280px]",[{"cursor-pointer":e(v),mark:a.editable&&i.value&&e(k)(i.value)}]]),"data-content-key":i.value&&e(u)(i.value)||void 0,onClick:c[2]||(c[2]=t=>i.value&&e(y)(i.value))},[l("div",{class:"w-full h-full min-h-[280px] rounded-lg bg-cover bg-center",style:x({backgroundImage:C(i.value)?`url(${C(i.value)})`:"linear-gradient(135deg,#e2e8f0,#cbd5f5)"})},null,4)],10,H)])])],2))}});export{P as default};