'use strict';

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

const core = require('./core-c57a47e8.js');

const Tab = class {
    constructor(hostRef) {
        core.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(core.h("button", { class: this.getTabClasses(), role: "tab", "aria-selected": "true", tabindex: this.active ? '0' : '-1' }, core.h("span", { class: "mdc-tab__content" }, this.icon && core.h("span", { class: "mdc-tab__icon material-icons", "aria-hidden": "true" }, this.icon), core.h("span", { class: "mdc-tab__text-label" }, this.label ? this.label : core.h("slot", null))), core.h("span", { class: { 'mdc-tab-indicator': true, 'mdc-tab-indicator--active': this.active } }, core.h("span", { class: this.getIndicatorClasses() }, this.indicatorType === 'icon' && 'star')), core.h("span", { class: "mdc-tab__ripple" })));
    }
    render() {
        return;
    }
    static get style() { return ""; }
};

exports.materials_tab = Tab;
