'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-42b107ae.js');

const DatatableFooter = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    componentWillLoad() {
        this.actions = Array.from(this.host.querySelectorAll('materials-datatable-action'));
    }
    render() {
        return (index.h("div", { class: "container" }, this.actions && this.actions.length > 0 ? this.actions.map(a => {
            return a.display && index.h("materials-button", { raised: true, color: a.color, icon: a.icon, onClick: (e) => a.TriggerPress(e) }, a.label);
        })
            :
                index.h("slot", null)));
    }
    get host() { return index.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;}"; }
};

exports.materials_datatable_footer = DatatableFooter;
