src/shared/components/NineRemoteButton.js

"use client";

import { useState } from "react";
import NineRemotePromoModal from "./NineRemotePromoModal";

export default function NineRemoteButton() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <>

      <button

        onClick={() => setIsOpen(true)}

        className="relative flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg transition-all text-text-muted hover:text-text-main hover:bg-black/5 dark:hover:bg-white/5"

        title="9Remote"

      >

        <span className="material-symbols-outlined text-[18px]">computer</span>

        <span className="text-xs font-medium">Remote</span>

      </button>



      <NineRemotePromoModal isOpen={isOpen} onClose={() => setIsOpen(false)} />

    </>
  );
}