import { ArrowLeftIcon, HeartIcon, HomeIcon } from "@heroicons/react/24/outline"; import Head from "next/head"; import { useRouter } from "next/router"; import { useEffect, useState } from "react"; import Link from "./Link"; const AppBar = ({ title }) => { const router = useRouter(); const [scrollPosition, setScrollPosition] = useState(0); const handleScrollPosition = () => { const position = window.pageYOffset; setScrollPosition(position); } useEffect(() => { window.addEventListener('scroll', handleScrollPosition, { passive: true }); return () => { window.addEventListener('scroll', handleScrollPosition); }; }, []); return ( <> { title } - Indoteknik

0 && "shadow border-b-transparent" ) }> {/* --- Start Title */}

{ title }

{/* --- End Title */} {/* --- Start Icons */}

{/* --- End Icons */}

); }; export default AppBar;