fmeditor-slint/ui/status_bar.slint

import { Theme } from "theme.slint";
import { VerticalSeparator } from "widgets/separator.slint";

export component StatusBar inherits Rectangle {
    border-color: black;
    border-width: 1px;
    height: Theme.size-lg;
    HorizontalLayout {
        alignment: start;
        padding-left: Theme.padding-lg;
        padding-right: Theme.padding-lg;
        spacing: Theme.padding-lg;
        Text {
            font-size: Theme.font-md;
            vertical-alignment: center;
            text: "Last saved: 18:50";
        }

        VerticalSeparator { }

        Text {
            font-size: Theme.font-md;
            vertical-alignment: center;
            text: "Saved by: Jayrude";
        }

        VerticalSeparator { }
    }
}