Untitled

import BottomNavBar from "../layout/BottomNavBar";
import { Input } from "@material-tailwind/react";

function SearchPage() {
  return (
    <div className="prose prose-invert relative mx-2 flex max-w-none flex-col md:mx-10">
      <h1 className="mb-0 pt-1 font-semibold">Search</h1>
      <div className="relative mt-2 w-full">
        <Input
          type="search"
          placeholder="Search"
          className="w-full border !border-gray-300 bg-zinc-800 pl-10 text-white shadow-lg 
          shadow-gray-900/5 ring-4 ring-transparent placeholder:text-gray-500 placeholder:opacity-100"
          labelProps={{
            className: "hidden",
          }}
          containerProps={{ className: "min-w-[100px]" }}
        />
        <i className="eva eva-search absolute left-3 top-1/2 -translate-y-1/2 transform text-xl 
        placeholder:text-gray-500 placeholder:opacity-100"></i>
      </div>
      <div className="mt-4">
        
      </div>

      <BottomNavBar />
    </div>
  );
}

export default SearchPage;