Pool Game Shot Counter - Copy this React, Mui Component to your project

Display 10 balls in 2 rows. If I potted 9 and hit end rack then label the rack as a Win. Below the input fields, I want a panel to summary game's data and current rack's data. For example, display Win Racks Lose Racks of the game, and for the rack, I want the average shots I made in each turn. Also remove the panels border radius. I want the gradient color from 4 panels use different colors (red, green, yellow, brown)