<script setup lang="ts">
import { notificationsOutline, scanOutline, settingsOutline } from "ionicons/icons";
import AssetBalance from "./components/asset-balance.vue";
import IssuingAsset from "./components/issuing-asset.vue";
import MyRevenue from "./components/my-revenue.vue";
import PurchaseAsset from "./components/purchase-asset.vue";
import TradeSettings from "./components/trade-settings.vue";
import UserInfo from "./components/user-info.vue";
import WalletCard from "./components/wallet-card.vue";
</script>

<template>
  <IonPage>
    <ion-header>
      <ion-toolbar class="ui-toolbar">
        <div slot="end">
          <ion-button fill="clear">
            <ion-icon slot="icon-only" :icon="scanOutline" />
          </ion-button>
          <ion-button fill="clear">
            <ion-icon slot="icon-only" :icon="notificationsOutline" />
          </ion-button>
          <ion-button fill="clear" router-link="/user/settings">
            <ion-icon slot="icon-only" :icon="settingsOutline" />
          </ion-button>
        </div>
      </ion-toolbar>
    </ion-header>
    <IonContent :fullscreen="true" class="ion-padding">
      <UserInfo />
      <WalletCard />
      <IssuingAsset />
      <!-- <PurchaseAsset /> -->
      <MyRevenue />
      <TradeSettings />
    </IonContent>
  </IonPage>
</template>

<style scoped></style>
