Random Name Selector - Copy this React, Tailwind Component to your project

The user provides a list of names (including id, name) so the component designer can randomly select a name from that list (with additional options to get multiple random names, the exact name, or get that random name off the list). There should be 2 parts, 1 to display the paginated list of names; Once the random button is pressed, the list of names will have an animation that runs the random names before getting the random name, this list can be like a carousel it will roll each name one by one (say if we have 50 names Then the name in position 25 will be the center of the conveyor belt. When the name in position 10 is selected, it will run through the names quickly and then slowly to the name in position 10.)