import{r as p,c as s,a as x,o,F as b,l as u,b as t,n as r,d as y,t as c}from"./app-Cvs0Kf0N.js";const m={class:"flex items-center gap-3 p-5"},f={class:"flex flex-1 flex-col"},v={class:"text-sm tracking-wide text-slate-500"},k={__name:"OverviewGrid",props:{items:Array,grid:{type:Number,default:4}},setup(a){const l=n=>`lg:grid-cols-${n}`,i=["bg-teal-500 text-teal-600 bg-opacity-20","bg-green-600 text-green-600 bg-opacity-20","bg-orange-500 text-orange-600 bg-opacity-20","bg-violet-600 text-violet-600 bg-opacity-20","bg-info-500 text-info-600 bg-opacity-20","bg-purple-600 text-purple-600 bg-opacity-20","bg-pink-500 text-pink-600 bg-opacity-20","bg-danger-500 text-danger-600 bg-opacity-20"];return(n,_)=>{const g=p("Icon");return a.items.length?(o(),s("section",{key:0,class:r([l(a.grid),"mb-4 grid grid-cols-1 gap-4"])},[(o(!0),s(b,null,u(a.items,(e,d)=>(o(),s("div",{class:"card rounded-2xl",key:e},[t("div",m,[t("div",{class:r(["flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl bg-opacity-10",e.style||i[d]])},[y(g,{icon:e.icon,class:"text-2xl"},null,8,["icon"])],2),t("div",f,[t("p",v,c(e.title),1),t("h5",null,c(e.value),1)])])]))),128))],2)):x("",!0)}}};export{k as default};
