"use client";

import Wrapper from "@/components/Wrapper";
import React from "react";
import BackBtn from "@/components/BackBtn";
import { usePathname } from "next/navigation";
import HeaderNav from "@/app/(presentation-generator)/components/HeaderNab";
import Logo from "@/components/Logo";

const Header = () => {
  const pathname = usePathname();
  return (
    <div className="bg-[#5146E5] w-full shadow-lg sticky top-0 z-50">
      <Wrapper>
        <div className="flex items-center justify-between py-1">
          <div className="flex items-center gap-3">
            {(pathname !== "/dashboard" && pathname !== "/generate/upload") && <BackBtn />}
            <Logo variant="light" />
          </div>
          <div className="flex items-center gap-3">
            <HeaderNav />
          </div>
        </div>
      </Wrapper>
    </div>
  );
};

export default Header;
