import Link from "next/link";
import { PROMO } from "@/data/site";

// Slim promo strip above the header — the reference storefront's
// `.header_banner_wrapper`, rebuilt as type instead of a baked GIF so the
// copy stays editable.
export default function TopBar() {
  return (
    <div className="w-full bg-brand text-white">
      <div className="boxed flex h-10 items-center justify-center gap-3 text-[13px]">
        <span className="truncate">{PROMO.text}</span>
        <Link
          href={PROMO.href}
          className="hidden shrink-0 rounded-full bg-white/15 px-3 py-1 text-[12px] font-bold transition hover:bg-white/25 sm:inline-block"
        >
          {PROMO.cta}
        </Link>
      </div>
    </div>
  );
}