import { App, Astal, Gdk, Gtk } from "astal/gtk3"; import Clock from "./Clock"; import Date from "./Date"; import Workspaces from "./Workspaces"; import Systray from "./Systray"; export default function RightBar(gdkmonitor: Gdk.Monitor) { const { TOP, LEFT, RIGHT } = Astal.WindowAnchor; return <window className="RightBar Bar" gdkmonitor={gdkmonitor} exclusivity={Astal.Exclusivity.EXCLUSIVE} anchor={TOP | LEFT | RIGHT} application={App}> <centerbox> <box halign={Gtk.Align.START} spacing={8}> <Clock iconSide="left" /> <Date iconSide="left" /> </box> <box halign={Gtk.Align.CENTER} spacing={8}> <Workspaces monitor="HDMI-A-1" iconSide="left" /> </box> <box halign={Gtk.Align.END} spacing={8}> <Systray iconSide="left" /> </box> </centerbox> </window> }