import React from 'react';
import { Box, Image } from '@chakra-ui/react';
import { Brand } from '../../types/brand.js';
import { menuHeightConfig } from '../navigation/header/config/HeaderNavigationConfig.js';
import img$1 from '../../assets/images/logo_ms24.svg.js';
import img from '../../assets/images/logo_as24.svg.js';

var FocusedHeader = function (_a) {
    var brand = _a.brand;
    var logo = brand === Brand.AutoScout24 ? img : img$1;
    return (React.createElement(Box, { width: "full", borderBottomColor: "gray.200", borderBottomWidth: "1px", zIndex: "header", position: "relative", backgroundColor: "white" },
        React.createElement(Box, { maxWidth: "container.2xl", height: menuHeightConfig, alignItems: "center", margin: "auto", display: "flex", justifyContent: "space-between", px: { base: 'sm', xs: 'lg', sm: '2xl' } },
            React.createElement(Image, { width: { sm: '124px', base: '101px' }, height: { sm: '30px', base: 'sm' }, src: logo, alt: "Platform logo" }))));
};

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