<VxTooltip btn={{ text: "Tooltip Hover" }}>
                                   <p className="text-center">Hover</p>
                              </VxTooltip>
                    

                              <VxTooltip 
                              position="top"
                              btn={{
                                             text: "Tooltip Hover", 
                                             class: 'bg-orange-600 hover:bg-orange-800', 
                                             icon: <svg className="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
                                                       fill="none" viewBox="0 0 18 20">
                                                       <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M16 1v5h-5M2 19v-5h5m10-4a8 8 0 0 1-14.947 
                                                       3.97M1 10a8 8 0 0 1 14.947-3.97"></path>
                                                  </svg>
                                        }}>
                                             <div className="text-sm font-normal text-center">Tooltip top - icon.</div>
                                   </VxTooltip>