<script setup>
import { user, agents } from '../core/state.js'
import { newagent } from '../core/user.js'
</script>

<template>
  <div class="px-4 w-screen h-16 bg-gray-700 flex items-center justify-between text-white">
    <div>
      <button class="text-white bg-green-700 rounded py-1 px-4" v-if="!Object.keys(agents).length" @click="newagent">New Agent (100E)</button>
    </div>
    <div class="font-mono">E = {{ user.E }}</div>
  </div>
</template>
