"use client";

import React from "react";
import styles from "./styles.module.css";
import NavLeft from "./navleft/Header";
import NavRight from "./navright/Profile";
import HamburgerIcon from "../../components/icons/hamburger";
import useIsMobile from "@/app/hooks/useIsMobile";

const Navbar = () => {
  const isMobile = useIsMobile();
  return (
    <div className={styles.mainContainer}>
      {/* Mobile Hamburger Button */}
      <div className={styles.mobileHamburger}>
        {isMobile && <HamburgerIcon />}
        <NavLeft />
      </div>
      {/* Mobile Menu Button */}
      <NavRight />
    </div>
  );
};

export default Navbar;
