import { VRAMArea } from "./vram-components.slint";
import { GroupBox } from "std-widgets.slint";

export component MainTab inherits Rectangle {
    width: group.width;
    height: group.height;
    group := GroupBox {
        title: "VRAM Layout";
        x: 4px;
        y: 4px;

        VerticalLayout {
            Rectangle {
                width:  background_image.width + 8px;
                height: background_image.height + 8px;
                border-width: 4px;
                border-color: black;
                background_image := VRAMArea {
                    x: 4px;
                    y: 4px;
                    img: @image-url("../../../../examples/PoolBox/assets/AllTheJaby.png");
                    img_x: 0;
                    img_y: 0;
                }
                // Extend these from input some how
                VRAMArea {
                    x: 4px;
                    y: 4px;
                    img: @image-url("../../../../examples/PoolBox/assets/IMG_6921.png");
                    img_x: 80;
                    img_y: 80;
                }
            }
        }
    }
}