'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-b7293b2f.js');
const theme = require('./theme-1ac31ccf.js');

const cardCss = ":host{--lu-safe-area-left:0px;--lu-safe-area-right:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:16px;display:block;position:relative;transform:translateZ(0);background:var(--background);color:var(--color);font-family:var(--lu-font-family, inherit);overflow:hidden}:host(.lu-color){background:var(--lu-color-base);color:var(--lu-color-contrast)}:host(.lu-color)::slotted(*) lu-card-header,:host(.lu-color)::slotted(*) lu-card-buttons,:host(.lu-color)::slotted(*) lu-card-button,:host(.lu-color)::slotted(*) lu-card-footer,:host(.lu-color)::slotted(*) lu-card-title{background:var(--lu-color-base);color:var(--lu-color-contrast)}";

const Card = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  hostData() {
    return {
      class: theme.createColorClasses(this.color)
    };
  }
  __stencil_render() {
    return index.h("slot", null);
  }
  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
};
Card.style = cardCss;

exports.lu_card = Card;

//# sourceMappingURL=lu-card.cjs.entry.js.map