import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import { useTheme } from "styled-components";
import { Nav, NavList as List, NavActions } from "./styled";
import ScreenView from "../../../screen-view";
import { MenuLinks, SpecialLinks, EQlabMenuLinks } from "../link-lists";
const Navigation = ({ actions, special, ...props }) => {
    const { flags } = useTheme();
    const eqLab = React.useMemo(() => flags?.isEqLab, [flags?.isEqLab]);
    return (_jsx(_Fragment, { children: _jsxs(ScreenView.Large, { children: [_jsx(Nav, { className: "ui-header__nav", children: _jsx(List, { className: "ui-header__list", eqLab: eqLab, children: !eqLab ? (_jsx(MenuLinks, { ...props })) : (_jsx(EQlabMenuLinks, { ...props })) }) }), actions && _jsx(NavActions, { children: actions }), !eqLab && (_jsx(Nav, { className: "ui-header__nav ui-header__nav--special", children: _jsx(List, { className: "ui-header__list", children: _jsx(SpecialLinks, { ...props, list: special }) }) }))] }) }));
};
export default Navigation;
//# sourceMappingURL=index.js.map