import './metrics.scss';

export enum MetricsTypes {
    SUCCESS = "SUCCESS",
    WARNING = "WARNING",
    ERROR = "ERROR",
    NEUTRAL = "NEUTRAL"
}

export interface MetricsProps {
    label: string | number;
    type?: MetricsTypes
}

const Metrics = ({ label, type }: MetricsProps) => {
    return (
        <div className={`metrics-container metric-${type?.toLowerCase()} font-bold text-small`}>{label}</div>
    )
}

export default Metrics