@dialpad/dialtone-vue/dist/lib/card/card.js

Vue component library for Dialpad's design system Dialtone

import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
const r = {
  name: "DtCard",
  props: {
    /**
     * The maximum height of the card content.
     * If given, makes content area scrollable.
     */
    maxHeight: {
      type: String,
      default: null
    },
    /**
     * class for card container.
     */
    containerClass: {
      type: [String, Array, Object],
      default: ""
    },
    /**
     * class for card content.
     */
    contentClass: {
      type: [String, Array, Object],
      default: ""
    },
    /**
     * class for card header.
     */
    headerClass: {
      type: [String, Array, Object],
      default: ""
    },
    /**
     * class for card footer.
     */
    footerClass: {
      type: [String, Array, Object],
      default: ""
    }
  }
};
var s = function() {
  var t = this, e = t._self._c;
  return e("div", { class: [
    "d-card",
    t.containerClass
  ], attrs: { "data-qa": "dt-card" } }, [t.$slots.header ? e("div", { class: [
    "d-card__header",
    t.headerClass
  ] }, [t._t("header")], 2) : t._e(), e("div", { class: [
    "d-card__content",
    t.contentClass
  ], style: { "max-height": t.maxHeight } }, [t._t("content")], 2), t.$slots.footer ? e("div", { class: [
    "d-card__footer",
    t.footerClass
  ] }, [t._t("footer")], 2) : t._e()]);
}, n = [], d = /* @__PURE__ */ a(
  r,
  s,
  n
);
const l = d.exports;
export {
  l as default
};
//# sourceMappingURL=card.js.map