function tabContainerImpl({model, className, ...props}) {
    const {activeTab, switcher} = model,
        tabs = model.tabs.filter(it => !it.excludeFromSwitcher);

    throwIf(
        switcher && !['top', 'bottom'].includes(switcher?.orientation),
        "Mobile TabContainer tab switcher orientation must be 'top', or 'bottom'"
    );

    if (isEmpty(tabs)) {
        return page({
            className: 'xh-tab-page',
            item: frame({
                alignItems: 'center',
                justifyContent: 'center',
                item: model.emptyText
            })
        });
    }
    return tabbar({
        className: classNames(className, `xh-tab-container--${switcher?.orientation}`),
        position: switcher?.orientation,
        index: activeTab ? tabs.indexOf(activeTab) : 0,
        renderTabs: () => tabs.map(renderTabModel),
        onPreChange: (e) => model.activateTab(tabs[e.index].id),
        visible: !!switcher,
        ...switcher
    });
}
/**
 * Mobile Implementation of TabContainer.
 *
 * @private
 */
Mobile Implementation of TabContainer.
@private
Mobile Implementation of TabContainer . @private
function tabContainerImpl({model, className, ...props}) {
    const {activeTab, switcher} = model,
        tabs = model.tabs.filter(it => !it.excludeFromSwitcher);
    throwIf(
        switcher && !['top', 'bottom'].includes(switcher?.orientation),
        "Mobile TabContainer tab switcher orientation must be 'top', or 'bottom'"
    );
    if (isEmpty(tabs)) {
        return page({
            className: 'xh-tab-page',
            item: frame({
                alignItems: 'center',
                justifyContent: 'center',
                item: model.emptyText
            })
        });
    }
    return tabbar({
        className: classNames(className, `xh-tab-container--${switcher?.orientation}`),
        position: switcher?.orientation,
        index: activeTab ? tabs.indexOf(activeTab) : 0,
        renderTabs: () => tabs.map(renderTabModel),
        onPreChange: (e) => model.activateTab(tabs[e.index].id),
        visible: !!switcher,
        ...switcher
    });
}
function tabContainerImpl ( { model , className , ... props } ) { const { activeTab , switcher } = model , tabs = model . tabs . filter ( it => ! it . excludeFromSwitcher ) ; throwIf ( switcher && ! [ 'top' , 'bottom' ] . includes ( switcher ?. orientation ) , "Mobile TabContainer tab switcher orientation must be 'top', or 'bottom'" ) ; if ( isEmpty ( tabs ) ) { return page ( { className : 'xh-tab-page' , item : frame ( { alignItems : 'center' , justifyContent : 'center' , item : model . emptyText } ) } ) ; } return tabbar ( { className : classNames ( className , ` ${ switcher ?. orientation } ` ) , position : switcher ?. orientation , index : activeTab ? tabs . indexOf ( activeTab ) : 0 , renderTabs : ( ) => tabs . map ( renderTabModel ) , onPreChange : ( e ) => model . activateTab ( tabs [ e . index ] . id ) , visible : ! ! switcher , ... switcher } ) ; }
Mobile Implementation of TabContainer.
Mobile Implementation of TabContainer .