import { Dialog, DialogContent, DialogTrigger } from '@/components/ui/Dialog';
import {
  Sheet,
  SheetClose,
  SheetContent,
  SheetTrigger,
} from '@/components/ui/Sheet';

export default function Page() {
  return (
    <div>
      <Sheet>
        <SheetTrigger>open sheet</SheetTrigger>

        <SheetContent>
          <Dialog>
            <SheetClose asChild>
              <DialogTrigger asChild>
                <button>open dialog</button>
              </DialogTrigger>
            </SheetClose>
            <DialogContent>
              <div>DIALOG CONTENT</div>
            </DialogContent>
          </Dialog>
        </SheetContent>
      </Sheet>
    </div>
  );
}

i tried this but when i click on the open dialog button, the dialog indeed opens up but the sheet does not close