https://tabunghaji.gov.my/_nuxt/DnWdy46M.js

1import{r as f,aw as _,Y as o,l as r,i as t,F as x,a3 as v,M as h,af as i,ab as l,k as b,a1 as y,h as k}from"./CaybM7gS.js";import{_ as g}from"./DlAUqK2U.js";const w={class:"flex gap-2 justify-center flex-wrap mb-8"},j=["onClick"],A={key:0,class:"flex justify-center gap-6 flex-wrap"},C={class:"mask-shape-wrapper"},I={class:"bg-primary-100 mask-shape flex flex-col items-center justify-center w-[300px] h-[300px] text-white"},B={class:"text-24 font-bold"},F={class:"mask-shape-wrapper"},M={class:"bg-secondary-dark-100 mask-shape flex flex-col items-center justify-center w-[300px] h-[300px] text-white"},N={class:"text-24 font-bold"},S=f({__name:"InvestmentAssetTab",props:{items:{}},setup(d){const m=d,s=y("");_(()=>m.items,e=>{e?.length&&!s.value&&(s.value=e[e.length-1].year)},{immediate:!0});const c=k(()=>m.items.find(e=>e.year===s.value)),p=e=>e.toLocaleString(),u=e=>e.toFixed(2);return(e,a)=>(o(),r("div",null,[t("div",w,[(o(!0),r(x,null,v(d.items,n=>(o(),r("div",{key:n.id,class:"relative"},[t("button",{onClick:T=>s.value=n.year,class:h([{active:i(s)===n.year},"tab-button text-18 px-5 py-2 rounded-full font-medium transition-all duration-200"])},l(n.year.split("-")[0]),11,j)]))),128))]),i(c)?(o(),r("div",A,[t("div",C,[t("div",I,[a[0]||(a[0]=t("span",{class:"text-20 font-medium mb-1"},"AUM",-1)),t("span",B,"RM"+l(p(i(c).aum))+" "+l(e.$t("investment.juta")),1)])]),t("div",F,[t("div",M,[a[1]||(a[1]=t("span",{class:"text-20 font-medium mb-1"},"AK",-1)),t("span",N,l(u(i(c).ak))+"%",1)])])])):b("",!0)]))}}),Y=Object.assign(g(S,[["__scopeId","data-v-a9968545"]]),{__name:"SharedInvestmentAssetTab"});export{Y as default};