import { r as registerInstance, h, g as getElement } from './core-f530a7ef.js';

const DatatableFooter = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    componentWillLoad() {
        this.actions = Array.from(this.host.querySelectorAll('materials-datatable-action'));
    }
    render() {
        return (h("div", { class: "container" }, this.actions && this.actions.length > 0 ? this.actions.map(a => {
            return a.display && h("materials-button", { raised: true, color: a.color, icon: a.icon, onClick: (e) => a.press(e) }, a.label);
        })
            :
                h("slot", null)));
    }
    get host() { return getElement(this); }
    static get style() { return ".container{min-height:42px;background-color:var(--mdc-theme-datatable-header,#fff);color:var(--mdc-theme-on-datatable-header,#212121);font-family:Roboto,Arial,sans-serif;font-size:15px;padding-left:8px;padding-top:8px}"; }
};

export { DatatableFooter as materials_datatable_footer };
