Match List - 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ẻ (dọc), 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 chơi, 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), mỗi trận đấu sẽ có hiển thị thời gian ở trên đầu. 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