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

The user provides a list of names (including id, name) so that the component designer can randomly select a name from that list (there is an additional option to get multiple random names, can get the exact name , that random name can be omitted). list). There should be 2 parts, Part 1 will be a random button press, the list of names will have an animation that runs the random names from fast to slow before getting the random names, this list can be like a conveyor belt, it will scroll each name one (suppose if we have 50 names, the name at position 25 will be the center of the carousel. When selecting the name at position 10, it will run through the names quickly and then slowly to the name at position 10 (if there is an option to Take multiple name, the carousel will take each name in turn according to the number of 3 seconds when getting the first name, or if there is an exact name option, the carousel will operate as usual but the result will be that the correct name is not selected. random names too, if there is an option to delete names, the retrieved names will be removed from the carousel. Part 2 displays the paged list of names for entering information above the table