import React, { useState } from "react";
import { useNavigate } from "react-router";
import { AuthContext } from "@/context/Auth";
import Navbar from "@/components/ExternalUI/Navbar";
import { Link } from "react-router-dom";

export const PublicHeader = () => {
  const { state, dispatch } = React.useContext(AuthContext);
  const [isOpen, setIsOpen] = useState(false);
  const navigate = useNavigate();

  return (
    <div>
      <nav className="flex min-h-[50px] items-center justify-between border-b border-b-[#C6C6C6] bg-white px-6 py-2">
        <Link to="/" className="text-xl font-semibold">
          Baas Brand
        </Link>
        <div className="flex cursor-pointer items-center rounded-md border border-[#C6C6C6] px-3 py-2 shadow-sm hover:scale-95">
          Support
        </div>
      </nav>
      {/* <Navbar /> */}
    </div>
  );
};

export default PublicHeader;
