import type { Product } from "@/types/product"
import { ProductGrid } from "@/components/product/ProductGrid"

type RelatedProductsProps = {
  products: Product[]
}

export function RelatedProducts({ products }: RelatedProductsProps) {
  if (products.length === 0) return null

  return (
    <section className="mt-16 border-t border-white/10 pt-12">
      <h2 className="mb-6 text-2xl font-bold text-white">You Might Also Like</h2>
      <ProductGrid products={products} />
    </section>
  )
}