import { App, Astal, Gtk, Gdk } from "astal/gtk3";
import Systray from "./components/Tray";
import Hidden from "./components/Hidden";
import Battery from "./components/Battery";

export default (monitor: Gdk.Monitor) => (
  <window
    className="root"
    gdkmonitor={monitor}
    exclusivity={Astal.Exclusivity.IGNORE}
    anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.RIGHT}
    application={App}
  >
    <Hidden>
      <box className="widgets" hexpand halign={Gtk.Align.END}>
        <Systray />
        <Battery />
      </box>
    </Hidden>
  </window>
);