import { IconDownload } from "./icons/download";
import { IconGoose } from "./icons/goose";
import { ThemeToggle } from "./themeToggle";
import { Button } from "./ui/button";
import { NavLink, useLocation } from "react-router";

export const Header = () => {
  const location = useLocation();
  const { hash, pathname, search } = location;

  return (
    <div className="bg-bgApp container mx-auto border-borderSubtle py-16">
      <div className="h-full flex justify-between items-center">
        <NavLink to="/" className="text-textProminent">
          <IconGoose />
        </NavLink>
        <div className="w-auto items-center flex">
          <Button>
            <IconDownload />
            {/* {pathname === "/" ? ( */}
            <span className="ml-2">Download Goose for desktop</span>
            {/* ) : (
              <></>
            )} */}
          </Button>
          <ThemeToggle className="ml-4" />
        </div>
      </div>
    </div>
  );
};