import * as tslib_1 from "tslib";
import { ThemedMixin, theme } from '@dojo/framework/core/mixins/Themed';
import { v } from '@dojo/framework/core/vdom';
import { WidgetBase } from '@dojo/framework/core/WidgetBase';
import { formatAriaProperties } from '../common/util';
import * as css from '../theme/tab-controller.m.css';
let Tab = class Tab extends ThemedMixin(WidgetBase) {
    render() {
        const { aria = {}, widgetId, labelledBy, show = false } = this.properties;
        const hidden = this.theme(!show ? css.hidden : null);
        return v('div', Object.assign({}, formatAriaProperties(aria), { 'aria-labelledby': labelledBy, classes: this.theme([css.tab]), id: widgetId, role: 'tabpanel' }), [v('div', { classes: [hidden] }, this.children)]);
    }
};
Tab = tslib_1.__decorate([
    theme(css)
], Tab);
export { Tab };
export default Tab;

/*# sourceMappingURL=index.mjs.map*/