9router/src/shared/components/NineRemoteButton.js
2026-04-04 14:40:49 +07:00

23 lines
729 B
JavaScript

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