MIF_E31221222/sigap-website/app/_components/map/controls/map-toggle.tsx

26 lines
633 B
TypeScript

"use client"
import { Button } from "@/app/_components/ui/button"
import { Menu } from "lucide-react"
interface SidebarToggleProps {
isOpen: boolean
onToggle: () => void
}
export default function SidebarToggle({ isOpen, onToggle }: SidebarToggleProps) {
if (isOpen) return null
return (
<Button
variant="secondary"
size="icon"
className="absolute top-4 left-4 z-20 bg-white shadow-md hover:bg-gray-100"
onClick={onToggle}
>
<Menu className="h-5 w-5" />
<span className="sr-only">Open sidebar</span>
</Button>
)
}