41 lines
1.0 KiB
JavaScript
41 lines
1.0 KiB
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';
|
|
|
|
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>
|
|
);
|
|
}
|