https://ssicevs.com/assets/VitalsStrip-CUrkAscJ.js

1import{j as e,r}from"./metal-fx-C6GZ_SKA.js";import{S as a,R as u,d as x}from"./shared-OtDZU4QY.js";import{fm as m}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";const f=[{label:"AAPL",value:"$228.02",delta:"+2.56%",hint:"last · change vs prior close"},{label:"Mkt cap",value:"3.52T",hint:"15.44B shares × $228.02"},{label:"Index weight",value:"6.25%",hint:"3.52T ÷ 56.3T index cap"},{label:"Volume",value:"54.2M",hint:"shares traded, session to date"},{label:"P/E",value:"31.2",hint:"228.02 ÷ $7.31 EPS (TTM)"}];function p(){const l=m(),[o,i]=r.useState(4215882),[c,n]=r.useState(!1),s=r.useRef(void 0);return r.useEffect(()=>{if(l)return;const t=setInterval(()=>{i(d=>d+1),n(!0),clearTimeout(s.current),s.current=setTimeout(()=>n(!1),260)},1400);return()=>{clearInterval(t),clearTimeout(s.current)}},[l]),e.jsxs("div",{className:"flex w-full max-w-[760px] items-stretch overflow-x-auto rounded-lg border border-foreground/[0.04] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",style:{background:"var(--surface)",boxShadow:"inset 0 1px 0 0 color-mix(in srgb, var(--foreground) 4%, transparent)"},children:[f.map(t=>e.jsxs("div",{title:t.hint,className:"flex min-w-0 shrink-0 items-baseline gap-1.5 border-r border-foreground

1/[0.03] px-3.5 py-2.5",children:[e.jsx("span",{className:"text-[10px] text-foreground/35",children:t.label}),e.jsx("span",{className:"tabular-nums text-[11px] text-foreground/80",style:{fontFamily:a},children:t.value}),t.delta&&e.jsx("span",{className:"tabular-nums text-[10px]",style:{fontFamily:a,color:/^[-−]/.test(t.delta.trim())?u:x},children:t.delta})]},t.label)),e.jsxs("div",{className:"flex shrink-0 items-baseline gap-1.5 px-3.5 py-2.5",children:[e.jsx("span",{className:"text-[10px] text-foreground/35",children:"Trades"}),e.jsx("span",{className:"tabular-nums text-[11px] transition-colors duration-300",style:{fontFamily:a,color:c?"var(--foreground)":"color-mix(in srgb, var(--foreground) 80%, transparent)"},children:o.toLocaleString("en-US")})]})]})}function j(){return e.jsx("div",{className:"flex min-h-[260px] w-full items-center justify-center p-6",children:e.jsx(p,{})})}export{j as Demo,p as default};