Spaces:
Sleeping
Sleeping
| "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)} /> | |
| </> | |
| ); | |
| } | |