/**
 * 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';
import { node, string } from 'prop-types';

export const StatRow = ({ icon, label, value, valueColor }) => (
  <div className="bd-stat-row">
    <i className={`fa ${icon} bd-stat-row__icon`} />
    <span className="bd-stat-row__label">{label}</span>
    <span
      className="bd-stat-row__value"
      style={valueColor ? { '--bd-stat-value-color': valueColor } : undefined}
    >
      {value}
    </span>
  </div>
);

StatRow.propTypes = {
  icon:       string.isRequired,
  label:      string.isRequired,
  value:      node.isRequired,
  valueColor: string,
};