<VxModal
                                        btn={{ text: "Modal Example" }}
                                        titleModal="Modal Title"
                                        btnAccept={{ text: "Accept" }}
                                        btnCancel={{ text: "Closed" }}
                                   >
                                        <div className="p-4 md:p-5 space-y-4">
                                             <p className="text-base leading-relaxed text-gray-500 dark:text-gray-400">
                                                  With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the 
                                                  world are updating their terms of service agreements to comply.
                                             </p>
                                             <p className="text-base leading-relaxed text-gray-500 dark:text-gray-400">
                                                  The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common 
                                                  set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches 
                                                  that could personally affect them.
                                             </p>
                                        </div>
                                   </VxModal>
                         

                                   <VxModal
                                        btn={{ text: "Modal Icon", icon: <svg className="w-4 h-4 me-2 -ms-1" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="paypal"  role="img" xmlns="http://www.w3.org/2000/svg" 
                                                  viewBox="0 0 384 512"><path fill="currentColor" d="M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 
                                                  134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 
                                                  44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4 .7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5
                                                  103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9 .7-5.4-1.1
                                                  6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z"></path></svg> }}
                                               titleModal="Modal Paypal"
                                               btnAccept={{ text: "Accept" }}
                                               btnCancel={{ text: "Cancel" }}
                                             >
                                        <div className="p-4 md:p-5 space-y-4">
                                             <p className="text-base leading-relaxed text-gray-500 dark:text-gray-400">
                                                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam odio repudiandae vitae inventore eius voluptate possimus laboriosam 
                                                  accusantium repellendus placeat fugiat dolorum nemo sequi iure tenetur consequuntur, exercitationem nesciunt dignissimos.
                                             </p>
                                        </div>
                                   </VxModal>