import{u as z}from"./DzxYJzkk.js";import{d as K,af as $,c as h,e as a,f as o,g as r,a8 as e,p as c,m as w,ag as C,t as _,F as j,l as M}from"./NkN6QURX.js";const V={class:"max-w-7xl relative mx-auto grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12 lg:gap-16"},F={class:"order-2 lg:order-1"},R=["data-content-key"],T=["src"],A={key:1,class:"w-full h-full bg-gradient-to-br from-gray-300 to-gray-400 flex items-center justify-center"},D={class:"order-1 lg:order-2 space-y-6"},E={class:"space-y-4"},H=["data-content-key"],I=["data-content-key"],P=["data-content-key"],q={class:"bg-[var(--theme-primary-color)] order-3 rounded-lg p-5 md:p-7 grid grid-cols-2 xl:grid-cols-4 gap-4 md:gap-5 lg:absolute lg:z-10 lg:-bottom-6 lg:left-[18%] lg:right-0 lg:w-auto"},G=["data-content-key","onClick"],J=["data-content-key","onClick"],U=K({__name:"MechanicalProductionLayout",props:{content:{default:()=>[]},editable:{type:Boolean,default:!1},activeKey:{default:null},onContentClick:{},textStyle:{},className:{}},setup(n){const x=n,{pick:d,resolveKey:u,interactive:v,isActive:m,resolveTextStyle:b,handleClick:y}=z({content:$(x,"content"),activeKey:$(x,"activeKey"),editable:$(x,"editable"),onContentClick:x.onContentClick,textStyle:x.textStyle}),i=h(()=>d("image")),p=h(()=>d("title")),g=h(()=>d("subtitle")),k=h(()=>d("description")),B=["01","02","03","04"],L=h(()=>B.map(s=>({label:d(`statLabel${s}`),number:d(`statNumber${s}`),suffix:s})));function f(s){return s?.attribute?.value??""}function S(s){return s?.attribute?.src??""}return(s,l)=>(o(),a("section",{class:c(["py-12 md:py-16 lg:py-20 px-4 md:px-8 lg:px-[12%] font-sans bg-white",n.className])},[r("div",V,[r("div",F,[r("div",{class:c(["relative w-full h-[360px] md:h-[420px] lg:h-[480px] overflow-hidden shadow-lg",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(i.value)}]]),style:{"border-radius":"200px 0 0 0"},"data-content-key":i.value&&e(u)(i.value)||void 0,onClick:l[0]||(l[0]=t=>i.value&&e(y)(i.value))},[S(i.value)?(o(),a("img",{key:0,src:S(i.value),alt:"",class:"w-full h-full object-cover"},null,8,T)):(o(),a("div",A,[...l[4]||(l[4]=[r("svg",{class:"w-24 h-24 text-gray-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[r("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})],-1)])]))],10,R)]),r("div",D,[r("div",E,[p.value?(o(),a("h2",{key:0,class:c(["text-3xl my-6 md:text-4xl lg:text-5xl font-bold text-gray-900 whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(p.value)}]]),"data-content-key":e(u)(p.value)||void 0,style:C(e(b)(p.value)),onClick:l[1]||(l[1]=t=>e(y)(p.value))},_(f(p.value)),15,H)):w("",!0),g.value?(o(),a("h3",{key:1,class:c(["text-lg md:text-xl font-semibold text-[#ff6b35] whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(g.value)}]]),"data-content-key":e(u)(g.value)||void 0,style:C(e(b)(g.value)),onClick:l[2]||(l[2]=t=>e(y)(g.value))},_(f(g.value)),15,I)):w("",!0),k.value?(o(),a("p",{key:2,class:c(["text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(k.value)}]]),"data-content-key":e(u)(k.value)||void 0,style:C(e(b)(k.value)),onClick:l[3]||(l[3]=t=>e(y)(k.value))},_(f(k.value)),15,P)):w("",!0)])]),r("div",q,[(o(!0),a(j,null,M(L.value,t=>(o(),a("div",{key:t.suffix,class:"min-w-0 text-center space-y-1"},[t.label?(o(),a("div",{key:0,class:c(["text-xs md:text-sm text-white/90 whitespace-pre-wrap",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(t.label)}]]),"data-content-key":e(u)(t.label)||void 0,style:C(e(b)(t.label)),onClick:N=>e(y)(t.label)},_(f(t.label)),15,G)):w("",!0),t.number?(o(),a("div",{key:1,class:c(["text-[clamp(1.5rem,2.8vw,2.25rem)] font-bold text-white whitespace-nowrap",[{"cursor-pointer":e(v),mark:n.editable&&e(m)(t.number)}]]),"data-content-key":e(u)(t.number)||void 0,style:C(e(b)(t.number)),onClick:N=>e(y)(t.number)},_(f(t.number)),15,J)):w("",!0)]))),128))])])],2))}});export{U as default};
