Tournament Matches - Copy this React, Tailwind Component to your project

Một trang web có nhiều danh sách chỉ bao gồm dữ liệu của nhiều vòng đấu, mỗi vòng đấu chứa dữ liệu của các trận đấu, mỗi trận đấu có tên 2 người chơi, mỗi trận đấu được đặt trong group có 2 thẻ, người thắng thẻ sẽ màu xanh, người thua thẻ sẽ màu đỏ, hoà thì thẻ màu vàng cho cả 2 nguowif chơi, các thẻ sắp xếp theo chiều dọc, nếu tên quá dài thì truncate, tên phải nằm giữa thẻ, trên mỗi cột có thêm tên cột (round 1, round 2), có 1 thanh lọc để lọc các vòng đấu, hoặc ô tìm kiếm sẽ tìm tên trận đấu