<h1 class="text-2xl font-bold mb-4">Child</h1>
<p class="text-lg mb-2">Balance: {{ balance }}</p>
<p [class.hidden]="!isBroke" class="text-red-500 mb-4">
  I'm broke. Now I'm about as poor as Jan-Marlon.
</p>
<button
  type="button"
  (click)="takeMoney()"
  class="px-6 py-2 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75"
>
  Take Money
</button>
