Bottom sheet

"use client";
import * as React from "react";
import { Home, LogOut, Settings } from "lucide-react";
import { BottomSheet, SheetItem } from "@/components/ui/notchset/bottom-sheet";
import { Button } from "@/components/ui/notchset/button";

export default function BottomSheetDemo() {
  const [open, setOpen] = React.useState(false);
  return (
    <>
      <Button onClick={() => setOpen(true)}>More</Button>
      <BottomSheet open={open} onOpenChange={setOpen} title="Priya Raman">
        <SheetItem icon={<Home />} onClick={() => setOpen(false)}>Home</SheetItem>
        <SheetItem icon={<Settings />} onClick={() => setOpen(false)}>Settings</SheetItem>
        <SheetItem icon={<LogOut />} danger onClick={() => setOpen(false)}>Sign out</SheetItem>
      </BottomSheet>
    </>
  );
}