import { MessageCircle } from 'lucide-react';
import { CardHeader, CardTitle } from '@/components/ui/card';
import { cn } from '@/lib/utils';

export interface CommentSectionHeaderProps {
  count: number;
  className?: string;
}

export function CommentSectionHeader({
  count,
  className,
}: CommentSectionHeaderProps) {
  return (
    <CardHeader className={cn(className)}>
      <CardTitle className="flex items-center gap-2">
        <MessageCircle className="h-5 w-5" />
        Commentaires ({count})
      </CardTitle>
    </CardHeader>
  );
}