<template>
  <header class="header-mobile">
    <div class="header-mobile__content">
      <div class="header-mobile__logo">
        <img src="@/assets/icons-adaptive/home-adaptive/logo.svg" alt="LuckyDiamond Play Now">
      </div>
      <div class="header-mobile__end">
        <div class="header-mobile__balance">
          <div class="header-mobile__balance--content">
            <div class="header-mobile__card card-display card-text card-img">
              <h2><img src="@/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png">999</h2>
            </div>
            <div class="header-mobile__btn--balance btn-card btn-card__margin">
              <a href="#" @click="$router.push({ name: 'profile' })"><img src="@/assets/icons-adaptive/home-adaptive/icon-wallet.svg"></a>
            </div>
          </div>
        </div>
        <div class="header-mobile__user-icon user-icon">
          <img src="@/assets/icons-test/person-icon-profile-userinfo.png">
        </div>
      </div>
    </div>
  </header>
</template>

<script>
import '@/assets/css/ComponentsStyles/AdaptiveStyles/headermobile.css'
export default {

}
</script>

<style scoped>

</style>