import React, { useState } from 'react';
import NavigationTenantMenuContent from '../../navigationTenantMenu/Content.js';
import MobileOnlyAccordionPanel from '../../../../mobileOnlyAccordion/MobileOnlyAccordionPanel.js';
import MobileOnlyAccordionItem from '../../../../mobileOnlyAccordion/MobileOnlyAccordionItem.js';
import MobileOnlyAccordionButton from '../../../../mobileOnlyAccordion/MobileOnlyAccordionButton.js';
import MobileOnlyAccordion from '../../../../mobileOnlyAccordion/index.js';
import { Box } from '@chakra-ui/react';
import SelectedTenantInfo from './SelectedTenantInfo.js';

var TenantSelectionMenu = function (_a) {
    var user = _a.user, selectedTenant = _a.selectedTenant, selectTenant = _a.selectTenant;
    var _b = useState([]), index = _b[0], setIndex = _b[1];
    return (React.createElement(MobileOnlyAccordion, { index: index, allowMultiple: true, onChange: setIndex },
        React.createElement(MobileOnlyAccordionItem, { border: "none" },
            React.createElement(MobileOnlyAccordionButton, { "data-testid": "tenant-selection-accordion-toggle" },
                React.createElement(SelectedTenantInfo, { selectedTenant: selectedTenant })),
            React.createElement(Box, { as: MobileOnlyAccordionPanel, position: "relative", "data-testid": "tenant-selection-accordion-panel" },
                React.createElement(NavigationTenantMenuContent, { user: user, onClose: function () { return setIndex([]); }, selectedTenantId: selectedTenant.id, selectTenant: selectTenant })))));
};

export { TenantSelectionMenu as default };
//# sourceMappingURL=TenantSelectionMenu.js.map
