import { LucideIcon } from 'lucide-react';

export function SectionHeader({
    icon: Icon,
    title,
}: {
    icon: LucideIcon;
    title: string;
}) {
    return (
        <div className="mb-4 flex items-center gap-3">
            <span className="flex h-9 w-9 items-center justify-center rounded-full bg-neutral-900 text-white">
                <Icon className="h-5 w-5" />
            </span>
            <h3 className="whitespace-nowrap text-xl font-semibold text-neutral-900">
                {title}
            </h3>
            <div className="h-px flex-1 bg-neutral-200" />
        </div>
    );
}