import "./styles.css";

import React from "react";

import BurgerMenu from "../../components/BurgerMenu";
import Container from "../Container";
import Navbar from "../../components/Navbar";
import useResize from "../../hooks/useResize";

const Header = () => {
  const { dimensions } = useResize();

  return (
    <header className="header">
      <Container>
        {dimensions.width <= 768 ? <BurgerMenu /> : <Navbar />}
      </Container>
    </header>
  );
};

export default Header;
