import { r as registerInstance, h, H as Host } from './index-442cf464.js';
import { c as createColorClasses } from './theme-a8bb96f5.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) {
    registerInstance(this, hostRef);
  }
  hostData() {
    return {
      class: createColorClasses(this.color),
      'role': 'heading',
      'aria-level': '2'
    };
  }
  __stencil_render() {
    return h("slot", null);
  }
  render() { return h(Host, this.hostData(), this.__stencil_render()); }
};
CardTitle.style = cardTitleCss;

export { CardTitle as lu_card_title };

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