'use client'

import { useSiteSettings } from '@/hooks/use-site-settings'
import { AdUnit } from '@/components/adsense/ad-unit'

export function AdSection({ slot }: { slot: string }) {
  const s = useSiteSettings()
  const adsense = s.adsense ?? {}
  const slotId = adsense.adSlots?.[slot]

  if (!adsense.enabled || !slotId) return null

  return (
    <div className="bg-gray-50 py-4 flex justify-center">
      <AdUnit slot={slotId} format="horizontal" />
    </div>
  )
}