Product Admin Page - Copy this React, Tailwind Component to your project

when click view detail button, appear backdrop table with data: [ { "id": 1, "name": "string", "color": "string", "totalQuantity": 12, "totalSales": 0 }, { "id": 2, "name": "string", "color": "string", "totalQuantity": 12, "totalSales": 0 }, { "id": 3, "name": "string", "color": "string", "totalQuantity": 22, "totalSales": 0 } ]