Hold to Trigger Button - Copy this React, Tailwind Component to your project

A-special-button-for-long-running-computations.-First-the-button-has-a-fool-proof-feature:-it-requires-to-hold-it-for-a-given-amount-of-time-before-it-fires.-Once-fired,-a-spinner-appears-instead-of-the-button-label-until-the-computation-finishes.-If-the-action-returns-successfully,-replace-the-spinner-with-a-tick-icon-and-if-it-fails-with-an-error-icon.