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

const items = ["Motion", "Design", "Animate", "Export", "Create"]

export function Example() {
  return (
    <Marquee duration={14} reverse={false} pauseOnHover={false} slowOnHover={true}>
      {items.map((t) => (
        <span key={t} className="rounded-full border border-border px-4 py-1.5 text-sm font-medium">
          {t}
        </span>
      ))}
    </Marquee>
  )
}