Hom make close toolip button

[allcho]

I have toolip, hom make close toolip, when I click on button?

<Popup
      trigger={<button>{cell.cellData}</button>}
      position="top center"
      closeOnDocumentClick 
  >
                <div className={cellProps[v]?.classNameFullBlock}>
                  <div className='text-xl font-bold text-black-origin'>
                     blablabla
                  <Button 
                    common className='w-full mt-5'
                    onClick={(e:any)=>{
                      how make close here?
                    }}
                  >
                    Close
                  </Button>
              </div>
</Popup>

[rsagiev]

     <Popup
          trigger={<button>open tooltip</button>}
          position="top center"
          closeOnDocumentClick 
      >
        {close => (
          <div>
            <div className='text-xl font-bold text-black-origin'>
              blablabla
              <button 
                common className='w-full mt-5'
                onClick={(e:any) => close()}
              >
                Close
              </button>
            </div>
          </div>
        )}
      </Popup>

[allcho]

     <Popup
          trigger={<button>open tooltip</button>}
          position="top center"
          closeOnDocumentClick 
      >
        {close => (
          <div>
            <div className='text-xl font-bold text-black-origin'>
              blablabla
              <button 
                common className='w-full mt-5'
                onClick={(e:any) => close()}
              >
                Close
              </button>
            </div>
          </div>
        )}
      </Popup>

I tried this way but it's doesn't work. That closing a window browser