import { Astal, Gtk, Gdk } from "ags/gtk3";
import Date from "./components/Date";
import Hidden from "./components/Hidden";
import app from "ags/gtk3/app";

export default (monitor: Gdk.Monitor) => (
  <window
    visible
    class="root"
    gdkmonitor={monitor}
    exclusivity={Astal.Exclusivity.IGNORE}
    anchor={Astal.WindowAnchor.TOP}
    application={app}
  >
    <Hidden>
      <box class="widgets" hexpand halign={Gtk.Align.CENTER}>
        <Date />
      </box>
    </Hidden>
  </window>
);