trust-module-frontend/src/Charts/Components/CounterComponent.jsx

import React from 'react';

const CounterComponent = ({ value, metricName }) => {
    return (
        <div style={{ textAlign: 'center', padding: '20px', border: '1px solid #ccc', borderRadius: '8px', margin: '10px' }}>
            <h2>{metricName}</h2>
            <p style={{ fontSize: '48px', fontWeight: 'bold', color: '#3e95cd' }}>{value}</p>
        </div>
    );
};

export default CounterComponent;