import { r as registerInstance, h, H as Host, g as getElement } from './index-BdVwMG9u.js';
import { B as BEM } from './bem-ByiN-QjD.js';

const balTableCss = ".bal-table{display:block;position:static}.bal-table--is-fullwidth{display:-ms-flexbox;display:flex;width:100%}bal-checkbox .bal-checkbox__label::before{top:0}bal-checkbox .bal-checkbox__label::after{margin-top:0px}";

const Table = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * If `true` the table has a full width
         */
        this.expanded = false;
    }
    render() {
        const block = BEM.block('table');
        const fullwidthClass = 'is-fullwidth';
        const hasFullwidth = this.expanded;
        return (h(Host, { key: 'c2f174262e6fea2ff7072ba2ad9d64ef13efb6be', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, h("slot", { key: 'a59f7e117f987b1aae52d5e7f4f7b5e6cfbf1dc2' })));
    }
    get el() { return getElement(this); }
};
Table.style = balTableCss;

export { Table as bal_table };
