import { Astal, Gtk } from "ags/gtk4";
import app from "ags/gtk4/app";
import { NiriWorkspaces } from "./NiriWorkspaces";
import Email from "./Email";
import DateTime from "./DateTime";

export default function Bar() {
    const { TOP, LEFT, RIGHT } = Astal.WindowAnchor;

    return (
        <window
            visible={true}
            focusable={true}
            name="Bar"
            class="Bar"
            layer={Astal.Layer.TOP}
            anchor={TOP | LEFT | RIGHT}
            application={app}
            exclusivity={Astal.Exclusivity.EXCLUSIVE}
            keymode={Astal.Keymode.ON_DEMAND}
        >
            <box>
                <box>
                    <NiriWorkspaces/>
                </box>
                <box hexpand={true} />
                <box>
                    <DateTime/>
                    <Email/>
                </box>
            </box>
        </window>
    );
}