'use client';

import { Card, CardHeader, CardContent } from '@/components/ui/Card';
import { ProductivityInsights } from './ProductivityInsights';
import { WeeklyMetrics } from '@/hooks/use-metrics';

interface MetricsProductivitySectionProps {
  metrics: WeeklyMetrics;
}

export function MetricsProductivitySection({
  metrics,
}: MetricsProductivitySectionProps) {
  return (
    <Card>
      <CardHeader>
        <h3 className="text-lg font-semibold">💡 Analyses de productivité</h3>
      </CardHeader>
      <CardContent>
        <ProductivityInsights data={metrics.dailyBreakdown} />
      </CardContent>
    </Card>
  );
}
