'use strict';

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

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

const cardTitleCss = ":host{--color:var(--lu-color-step-850, #262626);margin:0;padding:0;display:block;position:relative;color:var(--color);font-size:20px;font-weight:500;line-height:1.2}:host(.lu-color){color:var(--lu-color-base)}";

const CardTitle = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  hostData() {
    return {
      class: theme.createColorClasses(this.color),
      'role': 'heading',
      'aria-level': '2'
    };
  }
  __stencil_render() {
    return index.h("slot", null);
  }
  render() { return index.h(index.Host, this.hostData(), this.__stencil_render()); }
};
CardTitle.style = cardTitleCss;

exports.lu_card_title = CardTitle;

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