Advanced Notification Popup - Copy this Html, Tailwind Component to your project
Scenarios : Please create a stylish notification popup that appears under the following scenarios: 1. *Search Action*: When a user clicks the search button or attempts to search for a domain name without a valid extension (e.g., searching "hello" without a .com, .net, etc.), a red popup should display, warning them of the invalid domain name. 2. *KO Status Click*: If a user clicks on a KO status to fetch a value, a green popup should appear to confirm the successful retrieval. 3. *Successful Search*: When a valid domain name is searched and no errors occur, a green popup should confirm a successful search with a 0 value. 4. *File Upload*: When a user uploads a CSV or TXT file containing valid domain names, a green popup should appear showing the number of successfully added domain names. 5. *Invalid Domain Upload*: If the uploaded file contains invalid domain names, a red popup should warn the user. 6. *Duplicate Domains*: If the file contains duplicate domain names that already exist in the table, an orange popup should notify the user, providing a link to download the list of duplicated names. 7. *Mixed File Upload*: If the file contains a mix of valid, invalid, and duplicate domain names, all three popups (green for valid, red for invalid, and orange for duplicates) should appear stacked one after another and dismissible.
