Function QrButton

apps/app/src/components/qr-modal/index.tsx:216–240

({ onClick }: { onClick: () => void })

/*  QR Button (for the top banner)                                    */
/* ------------------------------------------------------------------ */
export function QrButton({ onClick }: { onClick: () => void }) {
  return (
    <button
      onClick={onClick}
      className="inline-flex items-center gap-1.5 px-2.5 sm:px-3 py-1.5 sm:py-2 rounded-full text-xs sm:text-sm font-medium no-underline whitespace-nowrap transition-all duration-150 hover:-translate-y-px cursor-pointer"
      style={{
        color: "var(--text-secondary)",
        border: "1px solid var(--color-border-glass, rgba(0,0,0,0.1))",
        background: "var(--surface-primary, rgba(255,255,255,0.6))",
        fontFamily: "var(--font-family)",
      }}
      title="QR Code — Audience Pick"
    >
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round">
        <rect x="3" y="3" width="7" height="7" rx="1" />
        <rect x="14" y="3" width="7" height="7" rx="1" />
        <rect x="3" y="14" width="7" height="7" rx="1" />
        <rect x="14" y="14" width="3" height="3" />
        <path d="M21 14h-3v3" />
        <path d="M18 21h3v-3" />
      </svg>
      <span className="hidden sm:inline">QR Pick</span>
    </button>
  );
}