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

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

    props = { baseCls: "" };

    render() {
        const self = this;

        return {
            type: "bi.horizontal_adapt",
            items: [
                {
                    type: "bi.simple_state_editor",
                    ref() {
                        self.editor = this;
                    },
                    cls: "bi-border",
                    width: 300,
                }
            ],
            vgap: 20,
        };
    }

    mounted() {
        const self = this;
        setTimeout(() => {
            self.editor.setState(["*", "*"]);
        }, 1000);
    }
}