export component MainWindow inherits Window {
    always-on-top: true;
    height: 100px;
    width: 300px;
    no-frame: true;

    weather_popup := Rectangle {
        height: 100%;
        width: 100%;
        border-radius: 10px;
        border-color: #ffffff00;
        background: #7e7e7e36;

        main_temp := Text {text: "24.4" + "°C";
            vertical-alignment: TextVerticalAlignment.center;
            x: 10px;
            y: 10px;
            color: #ffffff;
            font-family: "IosevkaTermSlab Nerd Font Mono";
            font-size: 40px;
        }
        
        weather_summary := Text {
            text: "Clear";
            x: 10px;
            y: 55px;
            font-size: 30px;
            font-family: "IosevkaTermSlab Nerd Font Mono";
            color: #fff;
        }
        
        city_name := Text {
            text: "England";
            x: 150px;
            y: 55px;
            font-size: 25px;
            font-family: "IosevkaTermSlab Nerd Font Mono";
            color: #fff;
        }
    }
}