import { Theme } from "theme.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 {
            vertical-alignment: center;
            text: "Last saved: 18:50";
        }

        Path {
            width: 1px;
            stroke: black;
            stroke-width: 1px;
            commands: "M 0 0 L 0 24 Z";
        }

        Text {
            vertical-alignment: center;
            text: "Saved by: Jayrude";
        }

        Path {
            width: 1px;
            stroke: black;
            stroke-width: 1px;
            commands: "M 0 0 L 0 24 Z";
        }
    }
}