import { Group, Panel, List, text, gravity, Color, Stack, LayoutSpec, list, NativeCall, listItem, log, vlayout, Gravity, hlayout, scroller, layoutConfig } from "doric";
import { label } from "./utils";

@Entry
class ScrollerPanel extends Panel {
    build(rootView: Group): void {
        scroller(
            vlayout([
                scroller(
                    vlayout(new Array(100).fill(1).map(e => label('Scroll Content'))),
                    {
                        layoutConfig: layoutConfig().just(),
                        width: 300,
                        height: 500,
                        backgroundColor: Color.RED,
                    }
                ),
                scroller(
                    vlayout(new Array(100).fill(1).map(e => label('Scroll Content'))),
                    {
                        layoutConfig: layoutConfig().just(),
                        width: 300,
                        height: 500,
                        backgroundColor: Color.BLUE,
                    }
                )
            ]),
            {
                layoutConfig: layoutConfig().most().configHeight(LayoutSpec.JUST),
                height: 500,
                backgroundColor: Color.YELLOW,
            }
        ).in(rootView)
    }
}