import { useMediaQuery } from "hooks/useMediaQuery";
import SearchBar from "../search/SearchBar";
import TopSearches from "../search/TopSearches";
// @ts-ignore
import { FC } from "react";
import AccountMenu from "./AccountMenu";
const LeftMenu: FC = () => {
  const isSmall = useMediaQuery({ maxWidth: "1380px" });
  return (
    <div className={isSmall ? "w-full grid place-items-center px-4 relative" : "ml-6"}>
      <SearchBar />

      {isSmall ? null : <TopSearches />}
      {isSmall ? null : <><div className="mt-3"/><AccountMenu /></>}
    </div>
  );
};
export default LeftMenu;