import { Theme } from "../theme.slint";

export component AppHeader inherits HorizontalLayout {
    padding-left: 28px * Theme.font-scale;
    padding-right: 28px * Theme.font-scale;
    padding-top: 18px * Theme.font-scale;
    padding-bottom: 0px;
    spacing: 0px;

    HorizontalLayout {
        spacing: 10px * Theme.font-scale;
        alignment: center;

        Text {
            text: "ioma";
            font-family: "Shippori Mincho";
            font-size: Theme.font_header;
            color: Theme.ink;
            vertical-alignment: center;
        }

        Text {
            text: "間";
            font-family: "Shippori Mincho";
            font-size: Theme.font_xxsmall;
            color: Theme.ink-lo;
            vertical-alignment: bottom;
        }
    }

    Rectangle { horizontal-stretch: 1; }
}