import Link from "next/link";

/** Call-to-action back to the main storefront (same deployment). */
export function HubStrip({ slug }: { slug: string }) {
  return (
    <div className="mb-8 border-2 border-current bg-black/30 px-4 py-3 text-xs md:text-sm">
      <span className="opacity-80">RELAY /{slug}</span>
      <span className="mx-2 opacity-40">|</span>
      <Link href="/" className="font-bold underline decoration-2 underline-offset-4 hover:opacity-80">
        Primary CyberLux storefront
      </Link>
      <span className="mx-2 opacity-40">·</span>
      <Link href="/checkout" className="underline opacity-90 hover:opacity-100">
        Checkout
      </Link>
      <p className="mt-2 text-[10px] opacity-60">
        Verify this .onion against the signed mirror list on the hub before signing anything. Unsigned relay = untrusted relay.
      </p>
    </div>
  );
}
