'use client';

import { Header } from './Header';
import { useTasks } from '@/hooks/useTasks';

interface HeaderContainerProps {
  title: string;
  subtitle: string;
  initialStats: {
    total: number;
    completed: number;
    inProgress: number;
    todo: number;
    backlog: number;
    cancelled: number;
    freeze: number;
    archived: number;
    completionRate: number;
  };
}

export function HeaderContainer({ title, subtitle, initialStats }: HeaderContainerProps) {
  const { stats, syncing } = useTasks(
    { limit: 1 }, // Juste pour les stats
    { tasks: [], stats: { ...initialStats, backlog: 0, cancelled: 0, freeze: 0, archived: 0 } }
  );

  return (
    <Header 
      title={title}
      subtitle={subtitle}
      stats={stats}
      syncing={syncing}
    />
  );
}