Statistics Dashboard - Copy this React, Tailwind Component to your project

<div className="grid grid cols 1 md:grid cols 3 lg:grid cols 5 gap 6 mb 6"> <div className="bg white rounded lg shadow lg p 6"> <div className="flex items center justify between"> <div> <p className="text gray 500">Tổng số người dùng</p> <h2 className="text 3xl font bold">{totalUsers}</h2> </div> <FaUser className="text blue 500 text 3xl" /> </div> </div> <div className="bg white rounded lg shadow lg p 6"> <div className="flex items center justify between"> <div> <p className="text gray 500">Tổng danh mục</p> <h2 className="text 3xl font bold">{totalCategory}</h2> </div> <FaListAlt className="text green 500 text 3xl" /> </div> </div> <div className="bg white rounded lg shadow lg p 6"> <div className="flex items center justify between"> <div> <p className="text gray 500">Tổng số giao dịch</p> <h2 className="text 3xl font bold">{totalTransactions}</h2> </div> <FaCheckCircle className="text green 500 text 3xl" /> </div> </div> <div className="bg white rounded lg shadow lg p 6"> <div className="flex items center justify between"> <div> <p className="text gray 500">Bảng giá dịch vụ</p> <h2 className="text 3xl font bold">{totalPaymentTransactions}</h2> </div> <FaChartBar className="text purple 500 text 3xl" /> </div> </div> </div>