// components/ServiceBullets.tsx
export function ServiceBullets({ title, items }: { title: string; items: string[] }) {
  if (!items?.length) return null;
  return (
    <section className="mt-8" aria-labelledby={`${title.replace(/\s+/g, "-").toLowerCase()}-heading`}>
      <h3 id={`${title.replace(/\s+/g, "-").toLowerCase()}-heading`} className="text-xl font-semibold tracking-tight">
        {title}
      </h3>
      <ul className="mt-3 list-disc pl-6 space-y-1 text-neutral-800 dark:text-neutral-200">
        {items.map((it, idx) => (
          <li key={idx}>{it}</li>
        ))}
      </ul>
    </section>
  );
}
