import Image from "next/image";
import Link from "next/link";
import ShoppingCartIcon from "../icons/shopping-cart.svg";
import SearchIcon from "../icons/search.svg";
import MenuIcon from "../icons/menu.svg";
import ChevronRightIcon from "../icons/chevron-right.svg";
import { useState } from "react";
import Head from "next/head";
import Logo from "../images/logo.png";
import { useRouter } from "next/router";
export default function Header({ title }) {
const router = useRouter();
const { q = '' } = router.query;
const [searchQuery, setSearchQuery] = useState(q);
const [isMenuActive, setIsMenuActive] = useState(false);
const openMenu = () => setIsMenuActive(true);
const closeMenu = () => setIsMenuActive(false);
const searchSubmit = (e) => {
e.preventDefault();
router.push(`/shop/search?q=${searchQuery}`);
}
return (
<>
{title}
)
}