Dialog

'use client';import { Button } from '@/components/ui/button';import {  Dialog,  DialogContent,  DialogDescription,  DialogFooter,  DialogHeader,  DialogTitle,  DialogTrigger,} from '@/components/ui/dialog';export default function Demo() {  return (    <Dialog>      <DialogTrigger render={<Button variant="outline" />}>Open dialog</DialogTrigger>      <DialogContent>        <DialogHeader>          <DialogTitle>Edit profile</DialogTitle>          <DialogDescription>Make changes to your profile here.</DialogDescription>        </DialogHeader>        <DialogFooter showCloseButton />      </DialogContent>    </Dialog>  );}