import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useTheme } from "styled-components";
import { Box } from "../grid";
import Burger from "./components/burger";
import Logo from "./components/logo";
import Links from "./components/links";
import Langs from "./components/langs";
import Balance from "./components/balance";
import ConnectWalletButton from "./components/connect-wallet-button";
import { Header, HeaderPart, Inner } from "./styled";
const Navigation = ({ active, className, children, fixed = true, hideBurger, subtitle, toggleWallet, useAccounts, balances, onBalanceSelect, }) => {
    const theme = useTheme();
    return (_jsx(Header, { className: className, fixed: fixed, children: _jsxs(Inner, { children: [_jsxs(HeaderPart, { children: [!hideBurger ? _jsx(Burger, { mobileLinks: _jsx(_Fragment, {}), as: "li" }) : undefined, _jsx(Box, { ml: "48px", as: "li", children: _jsx(Logo, {}) }), subtitle && (_jsx(Box, { ml: "48px", as: "li", children: subtitle })), children ?? _jsx(Links, {})] }), _jsxs(HeaderPart, { children: [_jsx(Langs, {}), balances ? (_jsx(Box, { ml: "26px", children: _jsx(Balance, { balances: balances, onSwitch: onBalanceSelect }) })) : undefined, useAccounts ? (_jsx(Box, { ml: "4px", children: _jsx(ConnectWalletButton, { useAccounts: useAccounts, active: active, toggleWallet: toggleWallet }) })) : undefined] })] }) }));
};
export default Navigation;
//# sourceMappingURL=index.js.map