"use client"; import { useTranslation } from "react-i18next"; import { LuGlobe, LuSearch } from "react-icons/lu"; import Field from "@/lib/components/ui/Field"; import Spinner from "@/lib/components/ui/Spinner"; import { PublicBrainItem } from "./components/PublicBrainItem/PublicBrainItem"; import { useBrainsLibrary } from "./hooks/useBrainsLibrary"; const BrainsLibrary = (): JSX.Element => { const { displayingPublicBrains, searchBarText, setSearchBarText, isLoading } = useBrainsLibrary(); const { t } = useTranslation(["brain", "translation"]); return (
{t("translation:Explore")}
setSearchBarText(e.target.value)} name="search" inputClassName="w-max lg:min-w-[300px] md:min-w-[200px] min-w-[100px] rounded-3xl bg-white border-none" placeholder={t("brain:public_brains_search_bar_placeholder")} icon={} />

{t("brain:explore_brains")}

{isLoading && (
)}
{displayingPublicBrains.map((brain) => (
))}
); }; export default BrainsLibrary;