import * as tslib_1 from "tslib";
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { ClickBoundary } from '@skava/packages/ui';
// domain
import { application } from '@skava/state';
import Menu from '@skava/packages/features/Navigation/Menu';
// local
import { TopBar } from './TopBar';
import { MiddleBar } from './MiddleBar';
import { StyledSemanticBannerHeader } from './styled';
import state from './state';
import { setRender } from './mobileMenuHamburger';
const hasNoScroll = () => document.body.className === 'no-scroll';
const renderUserConsent = () => '';
let Header = class Header extends React.Component {
    // @vetri - fix for making the menudropdown close on clicking the MenuInnerNavItem
    // @james - ^ does not work now
    componentWillMount() {
        console.debug('[header] componentWillMount');
        state.setMenuDropDownVisibility();
    }
    componentDidMount() {
        setRender();
    }
    render() {
        const { className } = this.props;
        return (React.createElement(React.Fragment, null,
            React.createElement(StyledSemanticBannerHeader, { className: className, isScrollingDown: application.isScrollingDown, noScroll: hasNoScroll, key: "hh" },
                application.isDesktopOrLarger && React.createElement(TopBar, { key: "top" }),
                React.createElement(MiddleBar, { key: "middle" }),
                application.isDesktopOrLarger && (React.createElement(ClickBoundary, { onClickOutside: state.handleClickBoundary, key: "click" },
                    React.createElement(Menu, { isVisible: state.isMenuDropDownVisible })))),
            renderUserConsent()));
    }
};
Header = tslib_1.__decorate([
    observer
], Header);
export { Header };
export default Header;
//# sourceMappingURL=HeaderFeature.js.map