import { Mpris, Widget } from "../../import.js";

const Media = () =>
  Widget.Box({
    class_name: "media",
    child: Widget.Label("-").hook(
      Mpris,
      (self) => {
        if (Mpris.players[0]) {
          const { track_artists, track_title } = Mpris.players[0];
          self.label = `${track_artists.join(", ")} - ${track_title}`;
        } else {
          self.label = "Nothing is playing";
        }
      },
      "player-changed"
    )
  });

export { Media };