import { Modal, ModalBody, ModalContent, ModalFooter, ModalTrigger } from "@/components/ui/animated-modal"export default function AnimatedModalDemo() {  return (    <div className="flex w-full max-w-sm items-center justify-center">      <Modal>        <ModalTrigger className="bg-black text-white shadow-sm hover:bg-black/80">          Review changes        </ModalTrigger>        <ModalBody className="max-w-lg">          <ModalContent>            <p className="text-lg font-semibold">Ready to publish?</p>            <p className="mt-2 text-sm text-neutral-600">              Your updates will be visible to everyone with access to this project.            </p>          </ModalContent>          <ModalFooter>            <button className="rounded-md bg-black px-4 py-2 text-sm font-medium text-white hover:bg-black/80">              Publish changes            </button>          </ModalFooter>        </ModalBody>      </Modal>    </div>  )}