Dialog

import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogBody,DialogFooter, DialogClose } from "@sparrowengg/twigs-react";

const DialogExample = () => {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button size="lg">Edit profile</Button>
      </DialogTrigger>
      <DialogContent>
        <DialogHeader>
          <DialogTitle size="md">Edit profile</DialogTitle>
          <DialogDescription>
            Make changes to your profile here. Click save when done.
          </DialogDescription>
        </DialogHeader>
        <DialogBody>
          {/* Your content here */}
        </DialogBody>
        <DialogFooter>
          <DialogClose asChild>
            <Button size="lg" color="primary">
              Save changes
            </Button>
          </DialogClose>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  );
};