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

The user provides a list of names (including ids, names) so that the component designer can randomly select a name from that list (with additional options to get multiple random names, exact names, or type remove that random name from the list). There should be 2 parts, 1 part showing a list of names with numbered pages; After pressing the random button, 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 slide across each name one by one (say if they We have 50 names, by default the horizontal carousel will display 5 items, the name at position 25 will be the center of the carousel. When selecting the name at position 10, it will slide quickly across the names and then slowly to the name at position 10th)