import { h } from '../webcomponents.core.js';

class Card {
    render() {
        return (h("div", null,
            h("slot", null)));
    }
    static get is() { return "ema-card"; }
    static get style() { return "ema-card{color:var(--ema-color);display:block;min-height:50px;min-width:230px;-webkit-box-shadow:var(--ema-box-shadow);box-shadow:var(--ema-box-shadow);border-radius:var(--ema-border-radius,3px);background:var(--ema-background,#fff)}"; }
}

class CardBottom {
    render() {
        return (h("div", { class: "ema-card-bottom" },
            h("slot", null)));
    }
    static get is() { return "ema-card-bottom"; }
    static get style() { return ".ema-card-bottom{padding:10px 20px}"; }
}

class CardContent {
    render() {
        return (h("div", { class: "ema-card-content" },
            h("slot", null)));
    }
    static get is() { return "ema-card-content"; }
    static get style() { return ".ema-card-content{min-height:25px;padding:10px 20px}"; }
}

class CardHeader {
    render() {
        return (h("div", { class: "ema-card-header" },
            h("slot", null)));
    }
    static get is() { return "ema-card-header"; }
    static get style() { return ".ema-card-header{min-height:25px;padding:10px 20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.ema-card-header-title{margin:5px 0}.ema-card-header-subtitle{margin:5px 0;font-size:80%}"; }
}

export { Card as EmaCard, CardBottom as EmaCardBottom, CardContent as EmaCardContent, CardHeader as EmaCardHeader };
