Auto Text - Copy this React, Tailwind Component to your project

Create a React component called AutoText that displays a typing animation effect. The component should use functional components with hooks (useState, useEffect, useRef). It should display a series of words (e.g., "Awesome", "Fun", "Cool", "Life", "Famous", "Weird") one at a time, simulating typing and erasing effects. The typing speed should be 200ms per character, and the erasing speed should also be 200ms per character. After each word is erased, it should wait for 2 seconds before starting to type the next word. Implement a cursor that blinks every 500ms, and ensure the cursor is visible using a class that changes based on its visibility. Use Tailwind CSS for styling, ensuring the text is centered on the screen with a black background and white text. The typed word should be highlighted in green and the cursor should be in yellow.