import Mpris from "gi://AstalMpris";
import { bind } from "astal";
import { close_all_menus } from "../utils/windows";
import { App } from "astal/gtk3";

export default function MediaPlayerButton() {
  const mpris = Mpris.get_default();
  return (
    <>
      {bind(mpris, "players").as((ps) =>
        ps[0] ? (
          <button
            onClicked={() => {
              close_all_menus("Mediamenu");
              App.toggle_window("Mediamenu");
            }}
            className="Menubutton"
          >
            
          </button>
        ) : (
          <></>
        ),
      )}
    </>
  );
}