'use client';

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

interface HeaderContainerProps {
  title: string;
  subtitle: string;
}

export function HeaderContainer({ title, subtitle }: HeaderContainerProps) {
  const { syncing } = useTasks();

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