import { ChevronLeft } from "lucide-react";
import { cn } from "@repo/design/lib/utils";
import { Button } from "@repo/design/shadcn/button";
interface SidebarToggleProps {
isOpen: boolean | undefined;
setIsOpen?: () => void;
}
export function SidebarToggle({ isOpen, setIsOpen }: SidebarToggleProps) {
return (
<div className="invisible lg:visible absolute top-[12px] -right-[16px] z-20">
<Button onClick={() => setIsOpen?.()} className="rounded-md w-8 h-8" variant="outline" size="icon">
<ChevronLeft
className={cn(
"h-4 w-4 transition-transform ease-in-out duration-700",
isOpen === false ? "rotate-180" : "rotate-0"
)}
/>
</Button>
</div>
);
}