2 lines
2.7 KiB
JavaScript
2 lines
2.7 KiB
JavaScript
import{j as e}from"./index-TNj5auBr.js";import{C as g}from"./Card-Cvh0wiAW.js";function m({title:l,value:d,icon:t,color:p="primary",trend:n,caption:o,size:x="md"}){const i=typeof n=="number"?n>=0:null,r=x==="sm",a={primary:{main:"#C01227",light:"rgba(192, 18, 39, 0.04)",border:"rgba(192, 18, 39, 0.1)"},secondary:{main:"#475569",light:"rgba(71, 85, 105, 0.04)",border:"rgba(71, 85, 105, 0.1)"},success:{main:"#10b981",light:"rgba(16, 185, 129, 0.04)",border:"rgba(16, 185, 129, 0.1)"},warning:{main:"#f59e0b",light:"rgba(245, 158, 11, 0.04)",border:"rgba(245, 158, 11, 0.1)"},error:{main:"#ef4444",light:"rgba(239, 68, 68, 0.04)",border:"rgba(239, 68, 68, 0.1)"},info:{main:"#3b82f6",light:"rgba(59, 130, 246, 0.04)",border:"rgba(59, 130, 246, 0.1)"}},s=a[p]||a.primary;return e.jsxs(g,{style:{height:"100%",position:"relative",overflow:"hidden",borderRadius:r?"12px":"16px",padding:r?"16px":"24px",border:`1px solid ${s.border}`,boxShadow:"0 4px 20px rgba(0,0,0,0.02)",background:`linear-gradient(135deg, #ffffff 0%, ${s.light} 100%)`,transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",cursor:"pointer",boxSizing:"border-box"},className:"stat-card",children:[t&&e.jsx("div",{style:{position:"absolute",right:"-12px",bottom:"-12px",opacity:.04,transform:"rotate(-15deg)",pointerEvents:"none",color:s.main},children:e.jsx(t,{size:r?64:96})}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:r?"10px":"16px",position:"relative",zIndex:2},children:[e.jsx("span",{style:{fontWeight:700,fontSize:"0.75rem",color:"#64748b",textTransform:"uppercase",letterSpacing:"0.05em"},children:l}),t&&e.jsx("div",{style:{width:r?"28px":"36px",height:r?"28px":"36px",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(192, 18, 39, 0.08)",color:"#C01227"},children:e.jsx(t,{size:r?14:18})})]}),e.jsx("div",{style:{flexGrow:1,position:"relative",zIndex:2,marginBottom:i!==null||o?r?"10px":"16px":"0"},children:e.jsx("span",{style:{fontWeight:800,fontSize:r?"1.5rem":"2rem",color:"#1e293b",lineHeight:1,display:"block"},children:d})}),(i!==null||o)&&e.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",paddingTop:r?"8px":"12px",borderTop:"1px dashed #e2e8f0",position:"relative",zIndex:2},children:[i!==null&&e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"2px",backgroundColor:i?"#E3F6EC":"#FEEAE9",padding:"2px 6px",borderRadius:"4px"},children:e.jsxs("span",{style:{fontSize:"11px",fontWeight:700,color:i?"#00773B":"#A82216"},children:[i?"↑":"↓"," ",Math.abs(n),"%"]})}),o&&e.jsx("span",{style:{fontSize:"0.75rem",color:"#64748b",fontWeight:600},children:o})]})]})}export{m as S};
|