1import{d as h,l as y,c as s,g as t,f as e,t as l,v as i,F as b,s as f,o as r,i as v,r as k,j as m}from"./fKDK9Na9.js";const C={class:"bg-[#F9F9F9] px-3 md:px-6 lg:px-10 pt-3 md:pt-5 xl:pt-7 pb-3 md:pb-5 xl:pb-7"},w={class:"mx-auto max-w-[1337px]"},F={class:"myPrimaryGap flex flex-col"},A={key:0,class:"break-words text-center text-2xl lg:text-4xl font-bold text-[#4C4C4E]"},T={key:1,class:"text-center pt-0 pb-0 text-[#4D4D4F] leading-[1.2]"},j={key:2,class:"pt-0 pb-0 flex gap-4 justify-center"},E=["onClick"],S={key:3,class:"mt-5 grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-3 lg:gap-6"},D={class:"aspect-video w-full"},B=["src"],I={class:"p-6 flex-grow"},L={class:"text-lg font-semibold text-gray-900 mb-2"},N={key:0,class:"text-gray-900 mb-3"},z={class:"px-6 py-4 border-t border-gray-50"},P=["href"],V={class:"text-sm font-bold text-red-600 group-hover:text-red-700 transition-colors"},G={key:0,class:"col-span-3 w-full bg-gray-50 rounded-[44px] h-[300px] flex items-center justify-center border-2 border-dashed border-gray-300"},J={class:"text-gray-500 font-medium"},R=h({__name:"CardTabs2ProductComponent",props:{title:{type:String,default:""},description:{type:String,default:""},tabs:{type:[Array,String],default:()=>[]}},setup(_){const d=_,{t:g}=y(),p=k(0),c=m(()=>{if(!d.tabs)return[];if(Array.isArray(d.tabs))return d.tabs;if(typeof d.tabs=="string")try{const u=JSON.parse(d.tabs);return Array.isArray(u)?u:[]}catch{return[]}return[]}),a=m(()=>c.value.length===0?null:c.value[p.value]||c.value[0]);return(u,x)=>(r(),s("section",null,[t("div",C,[t("div",w,[t("div",F,[e(a)?(r(),s("div",A,[t("h2",null,l(e(a).title),1)])):i("",!0),e(a)?(r(),s("div",T,[t("p",null,l(e(a).description),1)])):i("",!0),e(c).length>0?(r(),s("div",j,[(r(!0),s(b,null,f(e(c),(o,n)=>(r(),s("div",{key:n,class:v(["px-4 py-2 rounded-full w-[170px] cursor-pointer",{"text-[#EC008C] text-center bg-[#FDE6F4] font-bold border border-[#EC008C]":e(p)===n,"text-[#898989] text-center font-bold border border-[#898989]":e(p)!==n}]),onClick:M=>p.value=n},[t("p",null,l(o.tabTitle),1)],10,E))),128))])):i("",!0),e(a)?(r(),s("div",S,[(r(!0),s(b,null,f(e(a).items,(o,n)=>(r(),s("div",{key:n,class:"flex flex-col bg-white rounded-xl shadow-sm overflow-hidden border border-gray-100"},[t("div",D,[t("img",{src:o.cardImage,alt:"Roaming",class:"w-full h-full object-cover"},null,8,B)]),t("div",I,[t("div",L,[t("p",null,l(o.title),1)]),o.description?(r(),s("div",N,[t("p",null,l(o.description),1)])):i("",!0)]),t("div",z,[t("a",{href:o.linkTarget,class:"flex justify-between items-center group"},[t("div",V,[t("span",null,l(o.textLink??e(g)("learnMore")),1)]),x[0]||(x[0]=t("img",{src:"https://im3-img.indosatooredoo.com/indosatassets/images/detail-red-more.svg",alt:"more",class:"h-4 w-4 transform group-hover:translate-x-1 transition-transform"},null,-1))],8,P)])]))),128)),e(a).items.length===0?(r(),s("div",G,[t("p",J,l(e(g)("noItemAvailable")),1)])):i("",!0)])):i("",!0)])])])]))}});export{R as _};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.