Interactive Bottom Bar - Copy this React, Tailwind Component to your project

I-want-screen-this-bottom-bar-need-to-be-hidden-at-bootom-and-when-i-click-that-button-on-bottom-then-the-screen-need-to-be-visible-for-3/4-of-the-screen-so-there-should-be-dragging-the-bottom-bar-from-bottom-till-the-3/4th-of-the-screen-from-pulling-down-to-up-i-want-that-functiionality-also-there-will-be-button-when-we-click-that-button-then-the-slider-should-be-dragged-up.There-is-no-dragging-of-screen-been-seen-when-clicked-on-that-button-it-should-cover-3/4th-of-the-background-image.there-will-be-button-on-the-bottom-and-when-we-click-that-botton-then-the-dragging-pull-up-need-to-be-visible-3/4th-of-the-background-image-and-when-we-click-the-same-button-then-again-the-sllider-need-to-go-down-back.