Marquee

import { Marquee } from "@/components/ui/marquee"

export default function Example() {
  return (
    <Marquee speed={30} pauseOnHover gap={24}>
      {["React", "TypeScript", "Tailwind", "OKLCH", "ParticleUI"].map((tag) => (
        <span key={tag} className="rounded-full border border-border bg-surface-1 px-4 py-1.5 text-sm text-text-2">
          {tag}
        </span>
      ))}
    </Marquee>
  )
}