'use client'

import { useLang } from '@/context/LangContext'

const ITEMS = {
  de: [
        'Scan it',
        'Track it',
        'Live Design',
        'Urban Jungle',
        'Botanical KI',
        'Pflege-Tipps',
  ],
  en: ['Scan it', 'Track it', 'Live Design', 'Urban Jungle', 'Botanical AI', 'Care Tips'],
  es: ['Escanéala', 'Regístrala', 'Diseño vivo', 'Jardín urbano', 'IA botánica', 'Consejos de cuidado'],
}

export default function Ticker() {
    const { lang } = useLang()
    const items = ITEMS[lang]

    return (
        <div className="ticker-wrap" aria-hidden="true">
            <div className="ticker-track">
                {[...items, ...items].map((item, i) => (
                    <span key={i} className="ticker-item">
                        {item}
                        <span className="ticker-dot" />
                    </span>
                ))}
            </div>
        </div>
    )
}