src/components/DiceGame.tsx

function DiceGame({ balance, onGameEnd }) {
 // Existing code...

 return (
    <div>
      <button
        onClick={rollDice}
        className="my-2 px-4 py-2 bg-[#facc15] rounded"
      >
        Roll
      </button>
      <BalanceDisplay balance={balance} />
      <p>Last Roll Result: {roll}</p>
    </div>
 )
}

export default DiceGame