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, which can be taken by exact name in list). There should be 2 parts, Part 1 will be to press a random button, fill in the input randomly with the correct name, the list of names will have an animation that runs random names from fast to slow before getting the random name. Fireworks or shoutout effects, this list can be like a carousel, it will run one by one after pressing the random button (if there is an option to get multiple names, the carousel will take each name in turn by number of 3 seconds When retrieving the first name, or if the correct name is selected, the carousel will work as usual but the result will be that the correct name is not selected, if there is an option to delete the name then the retrieved names will be removed from the list. carousel. Part 2 displays a paged list of names to enter above the table.