import { TimeWidget } from "time-widget.slint";

export component TopBar inherits Window {

    // Common properties
    in property<int> bar_width;
    in property<int> bar_height;
    in property<int> def_font_size;
    in property<string> def_font_fam;

    // Time widget
    in-out property <string> time_text;
    callback show_clock();

    title: "chocobar";
    width: bar_width *1px;
    height: bar_height *1px;
    always-on-top: true;
    no-frame: true;
    x: 0px;
    y: 0px;
    default-font-family: def_font_fam;
    default-font-size: def_font_size *1px;

    Rectangle {
        x: 0px;
        y: 0px;
        width: 100%;
        height: 100%;
        background: #999898a6;
        border-radius: 0px;

        HorizontalLayout {
            x: 0px;
            y: 0px;
            width: 100%;
            height: 100%;
            alignment: space-between;
            
            // Left side
            Rectangle {
                background: #79a9af7b;
                width: parent.width/3;
            }  
            
            // Middle
            Rectangle {
                background: #779e5c7a;
            }  
            
            // Right side
            Rectangle {
                background: #c2779a7a;
                width: parent.width/3;

                HorizontalLayout {
                    alignment: end; // Right-align

                    TimeWidget {
                        time_text: root.time_text;  // Get from root
                        show_clock => root.show_clock();    // Forward the widget's callback to the root's to access from Rust  
                    }
                }
            }
        }
    }
}