import React from 'react';
import { Image } from '@chakra-ui/react';
import '../../../themes/index.js';
import Stack from '../../stack/index.js';
import Show from '../../show/index.js';
import Link from '../../link/index.js';
import Hide from '../../hide/index.js';
import img$1 from '../../../assets/images/logo_ms24.svg.js';
import img from '../../../assets/images/logo_as24.svg.js';
import { NavigationItem } from './NavigationItem.js';
import { HeaderLink } from './links/HeaderLink.js';
import { DrawerNode } from './config/DrawerNodeItems.js';
import { breakpoints } from '../../../themes/shared/breakpoints.js';
import '../../../themes/shared/index.js';

var NavigationItems = function (_a) {
    var platform = _a.platform, headerLinks = _a.headerLinks, drawer = _a.drawer, isOpen = _a.isOpen, createDrawerHandler = _a.createDrawerHandler, language = _a.language;
    var logo = platform === 'autoscout24' ? img : img$1;
    var moreDrawerHandler = createDrawerHandler({
        nodeName: DrawerNode.More,
    });
    var searchDrawerHandler = createDrawerHandler({
        nodeName: DrawerNode.Search,
    });
    return (React.createElement(Stack, { direction: "row", spacing: { base: 'lg', sm: '2xl' }, align: "center" },
        React.createElement(Link, { href: "/".concat(language === 'en' ? 'de' : language) },
            React.createElement(Image, { width: { sm: '124px', base: '101px' }, height: { sm: '30px', base: 'sm' }, src: logo, alt: "Platform logo" })),
        React.createElement(Hide, { below: "sm" },
            React.createElement(NavigationItem, { translationKey: "header.search", drawerHandler: searchDrawerHandler, isOpen: isOpen && (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.Search })),
        headerLinks.map(function (link, index) { return (React.createElement(HeaderLink, { key: "link-".concat(index), link: link })); }),
        React.createElement(Show, { breakpoint: "(min-width: ".concat(breakpoints.sm.px + 1, "px) and (max-width: ").concat(breakpoints.lg.px, "px)") },
            React.createElement(NavigationItem, { translationKey: "header.more", drawerHandler: moreDrawerHandler, isOpen: isOpen && (drawer === null || drawer === void 0 ? void 0 : drawer.current) === DrawerNode.More }))));
};

export { NavigationItems };
//# sourceMappingURL=NavigationItems.js.map
