import { App, Astal, Gtk, Gdk } from "astal/gtk3"
import Workspaces from "./workspaces"
import Audio from "./audio"
import NetworkModule from "./network"
import Cpu from "./cpu-widget"
import Ram from "./ram"
import Disk from "./disk"
import Battery from "./battery"
import Time from "./time"

export default function Bar(gdkmonitor: Gdk.Monitor) {
  const { BOTTOM, LEFT, RIGHT } = Astal.WindowAnchor

  //@ts-ignore
  return <window
    className="Bar"
    gdkmonitor={gdkmonitor}
    exclusivity={Astal.Exclusivity.EXCLUSIVE}
    anchor={BOTTOM | LEFT | RIGHT}
    application={App}>
    <centerbox>
      <box hexpand halign={Gtk.Align.START} >
        <box className="nix-icon">
          <icon icon="nixos-3" />
        </box>
        <Workspaces monitor={gdkmonitor} />
      </box>
      <box></box>
      <box hexpand halign={Gtk.Align.END}>
        <Audio />
        <NetworkModule />
        <Cpu />
        <Ram />
        <Disk />
        <Battery />
        <Time />
      </box>
    </centerbox>
  </window>
}