import { Metrics, DarkPalette } from "theme.slint";
import { EditorBar } from "editor_bar.slint";
import { StatusBar } from "status_bar.slint";
import { ToolBar } from "tool_bar.slint";
import { ObjectToolPanel } from "object_tool_panel.slint";
import { VerticalBox, HorizontalBox } from "widgets/layout.slint";
import { VerticalSeparator } from "widgets/separator.slint";

export component AppWindow inherits Window {
    title: @tr("FM Editor");
    preferred-width: 1280px;
    preferred-height: 720px;
    VerticalBox {
        j-rounding: 0px;
        j-padding: Metrics.padding-sm;
        j-spacing: Metrics.spacing-sm;
        background: DarkPalette.background[0];
        EditorBar { }

        HorizontalBox {
            background: DarkPalette.background[0];
            j-padding: 0px;
            j-spacing: Metrics.spacing-sm;

            ToolBar { }

            ObjectToolPanel { }

            Rectangle {
                Text {
                    color: DarkPalette.text[4];
                    font-size: Metrics.font-lg;
                    text: "INSERT VIEWPORT HERE";
                    vertical-alignment: center;
                    horizontal-alignment: center;
                }
            }

            ObjectToolPanel { }
        }

        StatusBar { }
    }
}