'use client'

import Link from 'next/link'
import { useSiteSettings } from '@/hooks/use-site-settings'

export function DynamicPromoBanner() {
  const s = useSiteSettings()
  const promo = s.promotions?.topBanner ?? {}

  if (!promo.enabled || !promo.text) return null

  return (
    <div
      className="w-full text-center py-3 px-4 text-sm font-medium"
      style={{
        backgroundColor: promo.backgroundColor || '#2563eb',
        color: promo.textColor || '#ffffff',
      }}
    >
      {promo.link ? (
        <Link href={promo.link} className="hover:underline">
          {promo.text}
        </Link>
      ) : (
        <span>{promo.text}</span>
      )}
    </div>
  )
}