Benjamin Sutter
01c0f8b06f
- LocationIntelligencePanel (333→275): KpiTile + NEW_PROJECTS → own files - FutureAvailabilityContextPanel (351→315): constants + utils → own files - FutureAvailabilityCard (310→244): helpers + SignalQualityDots → own files Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
796 B
TypeScript
39 lines
796 B
TypeScript
import { Box, Typography } from '@mui/material'
|
|
|
|
export function KpiTile({
|
|
label,
|
|
value,
|
|
sub,
|
|
color,
|
|
}: {
|
|
label: string
|
|
value: string
|
|
sub?: string
|
|
color?: string
|
|
}) {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
flex: 1,
|
|
p: 1.5,
|
|
bgcolor: '#f8fafc',
|
|
borderRadius: 1.5,
|
|
border: '1px solid #e2e8f0',
|
|
minWidth: 100,
|
|
}}
|
|
>
|
|
<Typography variant="caption" color="text.secondary" sx={{ display: 'block', mb: 0.25 }}>
|
|
{label}
|
|
</Typography>
|
|
<Typography variant="subtitle1" sx={{ fontWeight: 700, color: color ?? '#0f1923', lineHeight: 1.2 }}>
|
|
{value}
|
|
</Typography>
|
|
{sub && (
|
|
<Typography variant="caption" color="text.secondary">
|
|
{sub}
|
|
</Typography>
|
|
)}
|
|
</Box>
|
|
)
|
|
}
|