Banking App - Copy this React, Tailwind Component to your project

Prompt for AI: Create a small banking site application with the following specifications: Billing Components: Three components displaying billing information, differentiated by color and content: "Paid Bills": in green, showing a summary and total of paid bills. "Overdue Bills": in red, showing a summary and total of overdue bills. "Upcoming Bills": in yellow, showing a summary and total of upcoming bills. Each component should dynamically display the respective information and totals from an API. Billing Tables: Create several tables, all with a white background, displaying detailed information: "Paid Bills": columns for client, account ID, and amount. "Overdue Bills": same columns (client, account ID, amount). "Upcoming Bills": same columns (client, account ID, amount). "Clients in Good Standing" Table: A separate table with columns for client, client ID, and CPF, showing only clients in good standing. All content for components and tables should be fetched dynamically from an API to reflect updated information.