import { siteConfig, whatsappLink } from "@/lib/siteConfig";

export function TopBar() {
  return (
    <div className="hidden bg-brand-ink text-white sm:block">
      <div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-2 text-xs sm:px-6 lg:px-8">
        <p>{siteConfig.deliveryNote}</p>
        <div className="flex items-center gap-4">
          <a
            href={whatsappLink("Hi, I'd like to ask about a product.")}
            target="_blank"
            rel="noopener noreferrer"
            className="hover:text-brand-orange"
          >
            WhatsApp: {siteConfig.whatsappDisplay}
          </a>
          <a href={`tel:${siteConfig.phone}`} className="hover:text-brand-orange">
            Call: {siteConfig.phoneDisplay}
          </a>
        </div>
      </div>
    </div>
  );
}