import { Widget } from '../import.js';
import { Time } from './widgets/time.js'
import { nixosLogo } from './widgets/images/image.js';
import { Media } from './widgets/music.js';
import { Workspaces } from './widgets/hyprland.js';

const Start = () => Widget.Box({
    hpack: "start",
    children: [
        nixosLogo(),
        Workspaces(),
    ]
});
const Center = () => Widget.Box({
    children: [
        Media(),
    ]
});
const End = () => Widget.Box({
    hpack: "end",
    children: [
        Time(),
    ]
});

const Bar = (monitor) => Widget.Window({
    monitor,
    name: `bar`,
    anchor: ['top', 'left', 'right'],
    exclusivity: 'exclusive',
    child: Widget.CenterBox({
        startWidget: Start(),
        centerWidget: Center(),
        endWidget: End(),
    }),
});

export {
    Bar
}