it/web/components/ServiceBullets.tsx
2025-10-25 20:37:00 +02:00

17 lines
622 B
TypeScript

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