import { r as registerInstance, h } from './chunk-7400f9fd.js';

class Tab {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.indicatorType = 'underline';
    }
    getIndicatorClasses() {
        return {
            'mdc-tab-indicator__content': true,
            'mdc-tab-indicator__content--icon': this.indicatorType === 'icon',
            'mdc-tab-indicator__content--underline': this.indicatorType === 'underline',
            'material-icons': this.indicatorType === 'icon'
        };
    }
    getTabClasses() {
        return {
            'mdc-tab': true,
            'mdc-tab--active': this.active,
            'mdc-tab--min-width': this.minWidth
        };
    }
    async renderHtml() {
        return Promise.resolve(h("button", { class: this.getTabClasses(), role: "tab", "aria-selected": "true", tabindex: this.active ? '0' : '-1' }, h("span", { class: "mdc-tab__content" }, this.icon && h("span", { class: "mdc-tab__icon material-icons", "aria-hidden": "true" }, this.icon), h("span", { class: "mdc-tab__text-label" }, this.label ? this.label : h("slot", null))), h("span", { class: { 'mdc-tab-indicator': true, 'mdc-tab-indicator--active': this.active } }, h("span", { class: this.getIndicatorClasses() }, this.indicatorType === 'icon' && 'star')), h("span", { class: "mdc-tab__ripple" })));
    }
    render() {
        return;
    }
    static get style() { return ""; }
}

export { Tab as materials_tab };
