import { r as registerInstance, h, H as Host } from './index-442cf464.js';
import { c as createColorClasses } from './theme-a8bb96f5.js';

const cardFooterCss = ":host{--min-height:44px;padding:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;background:var(--background);color:var(--color);font-family:var(--lu-font-family, inherit);contain:content;box-sizing:border-box}:host(.lu-color){background:var(--lu-color-base);color:var(--lu-color-contrast)}:host(.lu-color) ::slotted(lu-card-title),:host(.lu-color) ::slotted(lu-card-image){color:currentColor}:host(.card-footer-translucent){background-color:rgba(var(--lu-background-color-rgb, 255, 255, 255), 0.9);backdrop-filter:saturate(180%) blur(30px)}.footer-container{padding:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;box-sizing:border-box}.footer-content{flex:1;order:2;min-width:0;max-width:100%}::slotted([slot=start]){order:1}::slotted([slot=end]){order:3;text-align:end}";

const CardFooter = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    /**
     * If `true`, the card footer will be translucent.
     */
    this.translucent = false;
  }
  hostData() {
    return {
      class: Object.assign(Object.assign({}, createColorClasses(this.color)), { 'card-footer-translucent': this.translucent })
    };
  }
  __stencil_render() {
    return (h("div", { class: "footer-container" }, h("slot", { name: "start" }), h("div", { class: "footer-content" }, h("slot", null)), h("slot", { name: "end" })));
  }
  render() { return h(Host, this.hostData(), this.__stencil_render()); }
};
CardFooter.style = cardFooterCss;

export { CardFooter as lu_card_footer };

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