Desarrollador Frontend Freelance

import { getLatestMetrics } from '@/services/api';
import { MetricCard } from '@/components/dashboard';

export default async function MetricsOverview() {
  const data = await getLatestMetrics(); 

  return (
    <div className="grid gap-4 grid-cols-1 md:grid-cols-3">
      {data.map((item) => (
        <MetricCard 
          key={item.id} 
          title={item.label} 
          value={item.value} 
        />
      ))}
    </div>
  );
}