import React from "react";
import MenuIcon from "@mui/icons-material/Menu";
import Weather from "../pages/main/Weather.jsx";

function Header({ title }) {
  const [headerData, setHeaderData] = React.useState(0);

  return (
    <header>
      <div className="header-flex flex flex-align">
        <div className="page-title flex flex-align">
          <MenuIcon />
          <span>{title}</span>
        </div>
        <Weather />
      </div>
    </header>
  );
}

export default Header;