Game Stats Module - Copy this React, Tailwind Component to your project
Develop a page for my web app that is all about tracking board game stats. Think of the game page having these components and features. An "+" button to add a new module. A module has a field where users can edit the name of the module on the top. Each module card can be draggable, allowing the user to reorder the cards in any way they want. Each module can have associated widgets inputted into the module. So the widget will be displayed within the module card. For each module card, have a "Add Widget" button. This button will display a drop down, allowing the user to pick between two differnt Widgets. The first widget is a simple number tracker, lets call it "Counter". Display a text box to name the tracker, a current value (integer), and a +/ button to change the value. The second widget will show an empty bar at first and allows the user to toggle specific conditions. Let's call that widget "Conditions" When the user clicks the bar, the user will be presented with a dropdown menu where they can multi-select as many conditions as they want. Let's start with poison, strength, and weaken. When they select these, they get added to the conditions bar. When a user clicks the name of the condition, they get removed from the condition bar.
