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

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