Product Listing Table - Copy this React, Tailwind Component to your project

I have backend api return data as below: { "success": true, "data": [ { "ProductCode": "GD10 0R7G S2 B ZX", "Type": "GD10", "Brand": "INVT", "Power": 0.75, "Uin": " 220V ", "Uout": " 220V ", "DL0": 1543500, "DL1": 1575000, "DL2": 1622000, "OEM": 1739000, "EU": 1857000, "Application": "Ngành Dệt, Sấy", "DBU": "Built in DBU", "Note": "Tản nhiệt nhôm, dùng ở KV nhiều bụi", "row": 2 }, { "ProductCode": "GD20 0R7G S2 BK", "Type": "GD20", "Brand": "INVT", "Power": 0.75, "Uin": " 220V ", "Uout": " 220V ", "DL0": 1589560, "DL1": 1622000, "DL2": 1669000, "OEM": 1786000, "EU": 1904000, "Application": "Làm nhang", "DBU": "Built in DBU", "Note": "Version phần mềm riêng", "row": 3 }, Now i want to create an ui to show this data with search, filter functions