import { Css } from '@ema/core';
export class CardContent {
    constructor() {
        this.background = 'none';
        this.color = 'inherit';
        this.padding = '10px 20px';
    }
    componentDidLoad() {
        this.postRender();
    }
    componentDidUpdate() {
        this.postRender();
    }
    postRender() {
        setTimeout(() => {
            Css.setVar('ema-card-content-background', this.background, this.el.querySelector('.ema-card-content'));
            Css.setVar('ema-card-content-color', this.color, this.el.querySelector('.ema-card-content'));
            Css.setVar('ema-card-content-padding', this.padding, this.el.querySelector('.ema-card-content'));
        });
    }
    render() {
        return (h("div", { class: "ema-card-content" },
            h("slot", null)));
    }
    static get is() { return "ema-card-content"; }
    static get properties() { return {
        "background": {
            "type": String,
            "attr": "background"
        },
        "color": {
            "type": String,
            "attr": "color"
        },
        "el": {
            "elementRef": true
        },
        "padding": {
            "type": String,
            "attr": "padding"
        }
    }; }
    static get style() { return "/**style-placeholder:ema-card-content:**/"; }
}
