32 lines
840 B
JavaScript
32 lines
840 B
JavaScript
/**
|
|
* 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,
|
|
};
|