import { v as i, q as n, p as e, w as s, x as l } from "./index-a857af7d.mjs";
import "vue";
const c = {
  key: "_button",
  name: "Button",
  description: "Basic button",
  icon: "mdiButtonCursor",
  sequence: 11,
  transform: i("el-button", {}, (t, { config: a }) => {
    t["#default"] = a._label || "Button";
  }),
  // transform: function () {
  //   return {
  //     '~': 'el-button',
  //     '#': 'JAMIE',
  //     '^onMounted': function () {
  //       alert('333')
  //       console.log('MOUNTED IS CALLED in EL_BUTTON')
  //     }
  //   }
  // },
  editor: {
    basic: {
      init: { type: "primary", _label: "Button", size: "default" },
      ui: [
        n("_label"),
        e("type", ["primary", "success", "warning", "danger", "info"]),
        e("size", ["large", "default", "small"]),
        s("disabled"),
        l("color", void 0, {
          predefine: ["#ff4500", "#ff8c00", "#ffd700", "#90ee90", "#00ced1", "#1e90ff", "#c71585"]
        })
      ]
    },
    data: !1,
    event: {
      list: ["click"],
      init: []
    },
    display: {
      init: {
        style: {
          // display: 'inline-block',
          // margin: '4px 0 4px 0'
        },
        class: ""
      }
    }
    // demo2: {
    //   icon: 'mdiAccountBoxOutline',
    //   name: 'Demo2',
    //   ui: {
    //     '~':'div',
    //     '#':'Hello world'
    //   },
    //   init: {
    //     hello: true,
    //     world: 'China'
    //   }
    // }
  }
  // initConfig: {
  //   props: {
  //     type: 'primary',
  //     _label: 'button'
  //   }
  // },
  // initStyles: {
  //   display: 'inline-block',
  //   margin: '4px 0 4px 0'
  // }
};
export {
  c as default
};
