28 lines
536 B
TypeScript
28 lines
536 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export default function MobileSidebarItem({
|
|
logo,
|
|
path,
|
|
}: {
|
|
logo: React.ReactNode;
|
|
path: string;
|
|
}) {
|
|
const currentPath = usePathname();
|
|
return (
|
|
<li
|
|
className={cn(
|
|
"flex w-full rounded-lg hover:bg-background",
|
|
path == currentPath ? "bg-background" : "",
|
|
)}
|
|
>
|
|
<Link href={path} className="m-auto px-3 py-2">
|
|
{logo}
|
|
</Link>
|
|
</li>
|
|
);
|
|
}
|