Audio Recorder - Copy this React, Tailwind Component to your project

I-have-mobile-ui-chat-i-want-to-create-the-audio-recording-ui-which-is-show-on-top-of-the-text-message-input-as-bubble-that-visual-effect-of-the-audio-recording-with-minimal-design-this-recording-ui-with-fully-functional-with-audio-record,-play,-pause,-save-buttons-with-minimal-small-design-for-the-mobile-ui-save-button-should-send-the-message-with-recorded-audio-on-record-show-visual-of-recording-start-and-also-show-countdown-when-recording-audio-i-hope-this-explanation-enough-on-input-top-preview-of-audio-not-showing-the-countdown-and-visual-effect-make-it-perfect-after-record-audio-then-on-preview-dont-direct-play-audio-give-user-for-that-to-click-and-play-the-audio-also-show-visual-of-playing-audio-on-send-message-button-send-the-recorded-audio-to-the-chat-and-show-recorded-audio-in-chat-bubble-with-all-function-features-play-pause-resume-buttons