import Auth from "../Auth/Auth";
import Logo from "../Logo";
import Navbar from "../Navbar/Navbar";
import Location from "../Location";

const DesktopHeader = () => (
  <header className="bg-white w-full text-white sm:grid grid-cols-6 absolute left-0 top-0 z-20 font-usual text-m">
    <div className="flex gap-4 col-span-2">
      <Logo />
      <Location />
    </div>
    <Navbar />
    <Auth />
  </header>
);

export default DesktopHeader;
