veza/apps/web/src/features/tracks/components/comments/CommentSectionHeader.tsx

23 lines
552 B
TypeScript
Raw Normal View History

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>
);
}