This is a modal dialog component. It demonstrates how a modal can be opened and closed with smooth animations. You can close this modal by clicking the X button, the Cancel button, or by clicking outside the modal.

Modal dialogs are useful for displaying important information, forms, or confirmation messages without navigating away from the current page.