import { Astal, Gtk, Widget } from "astal/gtk3";

import { Clock } from "../widget/bar/Clock";
import { Tray } from "../widget/bar/Tray";
import { Workspaces } from "../widget/bar/Workspaces";
import { FocusedClient } from "../widget/bar/FocusedClient";
import { Media } from "../widget/bar/Media";
import { Status } from "../widget/bar/Status";
import { Apps } from "../widget/bar/Apps";

export const Bar: Widget.Window = new Widget.Window({
    monitor: 0,
    namespace: "top-bar",
    anchor: Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT,
    layer: Astal.Layer.TOP,
    exclusivity: Astal.Exclusivity.EXCLUSIVE,
    heightRequest: 46,
    canFocus: false,
    visible: true,
    child: new Widget.Box({
        className: "bar-container",
        child: new Widget.CenterBox({
            className: "bar-centerbox",
            expand: true,
            homogeneous: false,
            startWidget: new Widget.Box({
                className: "widgets-left",
                homogeneous: false,
                halign: Gtk.Align.START,
                children: [
                    Apps(),
                    Workspaces(),
                    FocusedClient()
                ]
            } as Widget.BoxProps),
            centerWidget: new Widget.Box({
                className: "widgets-center",
                homogeneous: false,
                halign: Gtk.Align.CENTER,
                children: [
                    Clock(),
                    Media()
                ]
            } as Widget.BoxProps),
            endWidget: new Widget.Box({
                className: "widgets-right",
                homogeneous: false,
                halign: Gtk.Align.END,
                children: [
                    Tray(),
                    Status()
                ]
            } as Widget.BoxProps)
        } as Widget.CenterBoxProps)
    } as Widget.BoxProps)
} as Widget.WindowProps);