Function StatCard

frontend/src/components/stats/StatsSummaryGrid.tsx:15–36

({ label, value, helpText, tooltip, valueColor }: StatCardProps)

}

const StatCard = ({ label, value, helpText, tooltip, valueColor }: StatCardProps) => {
  return (
    <Box p={4} borderWidth="1px" borderRadius="lg" bg="bg.50">
      <Text fontSize="sm" color="gray.500" mb={1}>
        {label}
      </Text>
      <Text fontSize="2xl" fontWeight="bold" color={valueColor}>
        {value}
      </Text>
      {helpText && (
        <Text fontSize="xs" color="gray.500" mt={1}>
          {helpText}
        </Text>
      )}
      {tooltip && (
        <Text fontSize="xs" color="gray.500" mt={1}>
          {tooltip}
        </Text>
      )}
    </Box>
  )
}

interface StatsSummaryGridProps {
  collectionInfo: CollectionBasicInfo