import{B as e,K as t,Ot as n,Tt as r,_ as i,g as a,h as o,pt as s,v as c,y as l}from"./vue.esm-bundler-DcNPjsgv.js";import{t as u}from"./clock-DmTCdWAq.js";import{t as d}from"./dollar-sign-BSjB0BB1.js";import{h as f,i as p,l as m,r as h,t as g}from"./js/plugin-main-js-file-B1a1bVnR.js";var _=f(`trending-down`,[[`path`,{d:`M16 17h6v-6`,key:`t6n2it`}],[`path`,{d:`m22 17-8.5-8.5-5 5L2 7`,key:`x473p`}]]),v=f(`trending-up`,[[`path`,{d:`M16 7h6v6`,key:`box55l`}],[`path`,{d:`m22 7-8.5 8.5-5-5L2 17`,key:`1t1m79`}]]),y=[`data-color`],b={class:`bmc-metric__top`},x={class:`bmc-metric__label`},S={class:`bmc-metric__bottom`},C={class:`bmc-metric__value`},w=g({__name:`MetricCard`,props:{label:{type:String,required:!0},value:{type:[String,Number],default:`0`},icon:{type:String,default:`DollarSign`},color:{type:String,default:`purple`},trend:{type:String,default:``},trendDirection:{type:String,default:`up`}},setup(f){let g=f,w={DollarSign:d,Users:h,Coffee:m,Clock:u,RefreshCw:p,TrendingUp:v},T=o(()=>w[g.icon]||d);return(o,u)=>(e(),l(`div`,{class:`bmc-metric`,"data-color":f.color},[a(`div`,b,[a(`span`,x,n(f.label),1),a(`div`,{class:r([`bmc-metric__icon`,`bmc-metric__icon--`+f.color])},[(e(),i(t(T.value),{size:18}))],2)]),a(`div`,S,[a(`span`,C,n(f.value),1),f.trend?(e(),l(`div`,{key:0,class:r([`bmc-metric__trend`,f.trendDirection===`down`?`bmc-metric__trend--down`:``])},[(e(),i(t(f.trendDirection===`down`?s(_):s(v)),{size:13})),a(`span`,null,n(f.trend),1)],2)):c(``,!0)])],8,y))}},[[`__scopeId`,`data-v-21d0baa0`]]);export{w as t};