import { computed as l, unref as o } from "vue";
import { o as t, J as i, A as r, x as s, y as d, C as n } from "./index-597e6e44.mjs";
const _ = {
  key: "_card",
  name: t("_.builtIn.element.card.name"),
  description: "",
  icon: "mdiCardBulletedOutline",
  sequence: 21,
  transform: i("el-card", {}, function(e, { config: a, context: c }) {
    e["body-style"] = "height:100%;", a._headerUseSlot ? e["#header"] = r(a, "header") : delete e["#header"], a._footerUseSlot ? e["#footer"] = r(a, "footer") : delete e["#footer"], console.log(e);
  }),
  editor: {
    basic: {
      ui: function(e) {
        return [
          s(
            "shadow",
            [
              { label: t("_.builtIn.element.card.shadow_always"), value: "always" },
              { label: t("_.builtIn.element.card.shadow_never"), value: "never" },
              { label: t("_.builtIn.element.card.shadow_hover"), value: "hover" }
            ],
            t("_.builtIn.element.card.shadow")
          ),
          d(
            "header",
            t("_.builtIn.element.card.header"),
            {
              "~show": l(() => !o(e)._headerUseSlot)
            }
          ),
          n("_headerUseSlot", t("_.builtIn.element.card.headerUseSlot")),
          d(
            "footer",
            t("_.builtIn.element.card.footer"),
            {
              "~show": l(() => !o(e)._footerUseSlot)
            }
          ),
          n("_footerUseSlot", t("_.builtIn.element.card.footerUseSlot"))
        ];
      },
      init: {
        header: "Card default title",
        shadow: "always"
      }
    },
    display: {
      init: {
        style: {
          // margin: '4px 0 4px 0',
          width: "100%"
        }
      }
    }
  }
};
export {
  _ as default
};
