const WINDOW_NAME = "fullscreen";

const Fullscreen = (children) => Widget.Box({
  vertical: true,
  css: "background-image: url('https://images2.alphacoders.com/135/1351579.png');"
     + "background-size: cover;"
     + "background-position: center;"
     + "background-repeat: no-repeat;",
  children: children,
})

export const fullscreen = Widget.Window({
  name: WINDOW_NAME,
  setup: self => self.keybind("Escape", () => {
    App.closeWindow(WINDOW_NAME)
  }),
  anchor: ["top", "bottom", "left", "right"],
  visible: false,
  keymode: "exclusive",
  child: Fullscreen(
    Widget.Label({"Hello World"});
  )
})