Vertical Stepper - Copy this React, Tailwind Component to your project

Need-a-vertical-Stepper-to-divide-my-webpage-in-sections.-The-webpage-will-have-six-sections,-so-I-will-have-six-icons-in-stepper.-There-will-be-a-line-that-goes-through-all-the-icons,-and-that-will-be-filled-according-to-the-scroll-the-user-has-made.-A-stepper-icon-will-be-filled-once-the-user-has-scrolled-to-the-connected-section.-The-stepper-will-be-vertical-and-will-have-100%-body-height-but-in-mobile-size.-In-this-case,-it-will-have-a-horizontal-design.-The-icons-have-to-be-distributed-according-with-the-available-space.