import React from 'react';
import { Box } from './Box';
import { Text } from './Text';

interface HorizontalStatItemProps {
  label: string;
  value: string | number;
  color?: string;
}

export function HorizontalStatItem({ label, value, color = 'text-white' }: HorizontalStatItemProps) {
  return (
    <Box display="flex" alignItems="center" justifyContent="between" fullWidth>
      <Text size="sm" color="text-gray-400">{label}</Text>
      <Text weight="semibold" color={color}>{value}</Text>
    </Box>
  );
}