@seemusic/ui-components/lib/components/SopCard/SopCard.mjs

A Vue 3 UI Library. Uses Composable.

import { defineComponent, useSlots, createVNode } from "vue";
const SopCard = /* @__PURE__ */ defineComponent({
  name: "SopCard",
  props: {
    title: {
      type: String,
      default: ""
    }
  },
  setup(props, ctx) {
    const {
      slots
    } = ctx;
    const $slots = useSlots();
    return () => {
      var _a, _b, _c, _d;
      return createVNode("div", {
        "class": "sop-card"
      }, [props.title !== "" && createVNode("div", {
        "class": "sop-card__hd"
      }, [createVNode("span", {
        "class": "sop-card__hd-title"
      }, [props.title, (_a = slots.titleExtra) == null ? void 0 : _a.call(slots)]), $slots.opt && createVNode("span", {
        "class": "sop-card__hd-opt"
      }, [(_b = slots.opt) == null ? void 0 : _b.call(slots)])]), createVNode("div", {
        "class": "sop-card__bd"
      }, [(_c = slots.default) == null ? void 0 : _c.call(slots)]), $slots.footer && createVNode("div", {
        "class": "sop-card__ft"
      }, [(_d = slots.footer) == null ? void 0 : _d.call(slots)])]);
    };
  }
});
export {
  SopCard as default
};
//# sourceMappingURL=SopCard.mjs.map