export default function Ticker() {
    const items = [
        'Scan it',
        'Track it',
        'Live Design',
        'Urban Jungle',
        'Botanical KI',
        'Pflege-Tipps',
        'Scan it',
        'Track it',
        'Live Design',
        'Urban Jungle',
        'Botanical KI',
        'Pflege-Tipps',
    ]

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