import { AboutSlint, Button, Palette, HorizontalBox, ScrollView } from "std-widgets.slint";
import { Timeline } from "timeline.slint";
import { ImageViewer } from "image-viewer.slint";

import { Global } from "global.slint";
export { Global }

component Header inherits Rectangle {
    width: 100%;
    height: 48px;
    background: Palette.alternate-background;

    HorizontalBox {
        height: parent.height;
        Text {
            text: "immich";
        }
    }
}

export component AppWindow inherits Window {
    out property <length> window-height: self.height;

    // Do not base preferred-width on children
    preferred-width: 480px;

    changed width => {
        Global.set-timeline-width(self.width);
    }

    VerticalLayout {
        padding: 0px;
        width: 100%;

        Header {}
        
        Timeline {}
    }

    if Global.previewed-image.asset-id != "" : ImageViewer {
        image: Global.previewed-image.image;
    }
}