import { Box, Flex, Image, } from '@chakra-ui/react';
import {colors} from '../colors';

function Header() {
    return (
        <Box bg={colors.topBarColor} py={4} w="full">
            <Flex alignItems={'center'} justifyContent={'center'} direction="column">
                <Image src="/images/header_logo.webp" alt="Logo" width="150px" />
            </Flex>
        </Box>
    );
}

export default Header;