import React from 'react'
import ArtworkGalleryGrid from '../../components/artwork/ArtworkGalleryGrid'

export default function HomeTrending({ items }) {
  if (!Array.isArray(items) || items.length === 0) return null

  return (
    <section className="mt-14 px-4 sm:px-6 lg:px-8">
      <div className="mb-5 flex items-center justify-between">
        <h2 className="text-xl font-bold text-white">
          🔥 Trending This Week
        </h2>
        <a href="/discover/trending" className="text-sm text-nova-300 hover:text-white transition">
          See all →
        </a>
      </div>

      <ArtworkGalleryGrid
        items={items.slice(0, 8)}
        className="xl:grid-cols-4"
      />
    </section>
  )
}