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

A Vue 3 UI Library. Uses Composable.

import { defineComponent, computed, useSlots, createVNode } from "vue";
const SopDataTableItem = /* @__PURE__ */ defineComponent({
  name: "SopDataTableItem",
  props: {
    label: {
      type: String,
      default: ""
    },
    border: {
      type: Boolean,
      default: true
    }
  },
  setup(props, {
    slots
  }) {
    const isOperationShow = computed(() => !!useSlots().opt);
    return () => {
      var _a, _b;
      return createVNode("div", {
        "class": ["sop-data-table-item", !props.border ? "sop-data-table-item--no-border" : ""]
      }, [props.label !== "" && createVNode("div", {
        "class": "sop-data-table-item__label"
      }, [props.label, isOperationShow.value && createVNode("div", {
        "class": "sop-data-table-item__opt"
      }, [(_a = slots.opt) == null ? void 0 : _a.call(slots)])]), createVNode("div", {
        "class": "sop-data-table-item__content"
      }, [(_b = slots.default) == null ? void 0 : _b.call(slots)])]);
    };
  }
});
export {
  SopDataTableItem as default
};
//# sourceMappingURL=SopDataTableItem.mjs.map