/**
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

import React from 'react';

export default function StatRow({ icon, label, value, valueColor }) {
  return (
    <div style={{
      display: 'flex', alignItems: 'center',
      gap: 10, padding: '9px 0',
      borderBottom: '1px solid rgba(255,255,255,0.05)',
    }}
    >
      <i className={`fa ${icon}`} style={{ width: 16, color: 'rgba(149,207,245,0.4)', fontSize: 13 }} />
      <span style={{
        font: '500 13px \'Rajdhani\', sans-serif',
        color: 'rgba(255,255,255,0.45)',
        flex: 1,
        letterSpacing: 0.5,
      }}
      >
        {label}
      </span>
      <span style={{
        font: '700 13px \'Rajdhani\', sans-serif',
        color: valueColor || 'rgba(255,255,255,0.75)',
        letterSpacing: 0.5,
      }}
      >
        {value}
      </span>
    </div>
  );
}
