beadboard/src/components/shared/stat-pill.tsx

21 lines
560 B
TypeScript

interface StatPillProps {
label: string;
value: number;
}
export function StatPill({ label, value }: StatPillProps) {
return (
<div
style={{
border: '1px solid #d7dee8',
borderRadius: 12,
padding: '0.6rem 0.8rem',
background: '#ffffff',
minWidth: 90,
}}
>
<div style={{ fontSize: '0.7rem', textTransform: 'uppercase', letterSpacing: '0.05em', color: '#5e6b7a' }}>{label}</div>
<div style={{ fontSize: '1.05rem', fontWeight: 700, color: '#0f1720' }}>{value}</div>
</div>
);
}