34 lines
725 B
TypeScript
34 lines
725 B
TypeScript
"use client";
|
|
|
|
import { Menu } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Sheet,
|
|
SheetContent,
|
|
SheetHeader,
|
|
SheetTitle,
|
|
SheetTrigger,
|
|
} from "@/components/ui/sheet";
|
|
|
|
import Sidebar from "./Sidebar";
|
|
|
|
export default function MobileSidebar() {
|
|
return (
|
|
<Sheet>
|
|
<SheetTrigger asChild>
|
|
<Button variant="ghost" size="icon" aria-label="Open navigation">
|
|
<Menu className="h-5 w-5" />
|
|
</Button>
|
|
</SheetTrigger>
|
|
|
|
<SheetContent side="left" className="p-0 w-80">
|
|
<SheetHeader className="px-4 py-3">
|
|
<SheetTitle>Navigation</SheetTitle>
|
|
</SheetHeader>
|
|
<Sidebar />
|
|
</SheetContent>
|
|
</Sheet>
|
|
);
|
|
}
|