const network = await Service.import("network");

import { globalMousePos } from "../../../globals.js";

const Network = () => {
  const wifiIndicator = [
    Widget.Icon({
      icon: network.wifi.bind("icon_name"),
    }),
    Widget.Label({
      label: network.wifi
        .bind("ssid")
        .as((ssid) => (ssid ? ` ${ssid}` : " Unknown")),
    }),
  ];

  const wiredIndicator = [
    Widget.Label({
      label: network.bind("wired").as(() => "󰈀 Wired"),
    }),
  ];

  return {
    component: Widget.Box({
      class_name: "bar-network",
      children: network
        .bind("primary")
        .as((w) => (w === "wired" ? wiredIndicator : wifiIndicator)),
    }),
    isVisible: true,
    props: {
      on_primary_click: (_, event) => {
        console.log(JSON.stringify(network, null, 2));
        const clickPos = event.get_root_coords();
        const coords = [clickPos[1], clickPos[2]];

        globalMousePos.value = coords;

        App.toggleWindow("networkmenu");
      },
    },
  };
};

export { Network };