import { shortcut, Widget, createWidget, deepClone } from "@/core";

@shortcut()
export class ValueChooserCombo extends Widget {
    static xtype = "demo.value_chooser_combo";

    props = { baseCls: "demo-value-chooser-combo" };

    render() {
        const widget = createWidget({
            type: "bi.value_chooser_combo",
            itemsCreator (op, callback) {
                callback(deepClone(Demo.CONSTANTS.ITEMS));
            },
        });
        
        return {
            type: "bi.vertical",
            hgap: 200,
            vgap: 10,
            items: [widget],
        };
    }
}