Anto01
e3bdb08a22
- Add validation framework (config, model, results, study validators) - Add Claude Code skills (create-study, run-optimization, generate-report, troubleshoot, analyze-model) - Add Atomizer Dashboard (React frontend + FastAPI backend) - Reorganize docs into structured directories (00-09) - Add neural surrogate modules and training infrastructure - Add multi-objective optimization support 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
18 lines
489 B
TypeScript
18 lines
489 B
TypeScript
import React from 'react';
|
|
|
|
interface MetricCardProps {
|
|
label: string;
|
|
value: string | number;
|
|
className?: string;
|
|
valueColor?: string;
|
|
}
|
|
|
|
export function MetricCard({ label, value, className = '', valueColor = 'text-primary-400' }: MetricCardProps) {
|
|
return (
|
|
<div className={`bg-dark-500 rounded-lg p-4 ${className}`}>
|
|
<div className="text-sm text-dark-200 mb-1">{label}</div>
|
|
<div className={`text-2xl font-bold ${valueColor}`}>{value}</div>
|
|
</div>
|
|
);
|
|
}
|