import{jsx as e,jsxs as r,Fragment as p}from"react/jsx-runtime";import*as N from"react";import{c as s}from"./utils-CMbmcP35.js";import{b as v,c as b,a as w,C as f}from"./card-Zg0WOx-j.js";const P=N.memo(function({title:t,value:i,description:o,icon:l,trend:a,className:d,titleClassName:h,valueClassName:x,descriptionClassName:g,iconClassName:u,href:n,clickable:C=!1}){const m=r(p,{children:[r(v,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:[e(b,{className:s("text-sm font-medium",h),children:t}),l&&e(l,{className:s("h-4 w-4 text-muted-foreground",u)})]}),r(w,{children:[e("div",{className:s("text-2xl font-bold",x),children:i}),(o||a)&&r("p",{className:s("text-xs text-muted-foreground",g),children:[a&&r("span",{className:a.isPositive?"text-green-600":"text-red-600",children:[a.isPositive?"+":"-",Math.abs(a.value),"%"," "]}),o]})]})]});return C&&n?e("a",{href:n,className:"block",children:e(f,{className:s("transition-all hover:shadow-md hover:scale-[1.02] cursor-pointer",d),children:m})}):e(f,{className:s("",d),children:m})});function k({children:c,columns:t=4,className:i}){return e("div",{className:s("grid gap-4",{2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-2 lg:grid-cols-4"}[t],i),children:c})}export{k as S,P as a};
