<template>
  <div class="c-address mx-3.5 flow-root">
    <m-chain-search class="mt-3.5"></m-chain-search>
    <m-address-overview class="mt-5"></m-address-overview>
    <m-tabs
      :focusedTab="focusedTab"
      :setFocusedTab="($event) => (focusedTab = $event)"
      :tabList="tabList"
    ></m-tabs>
    <m-vote-pack :rewardAmount="30" class="mb-3" :type="'lskjd'"></m-vote-pack>
  </div>
</template>
<script lang="ts">
import MChainSearch from '@/components/mobile/m-chainSearch.vue'
import MTabs from '@/components/mobile/m-tabs.vue'
import MVotePack from '@/components/mobile/m-vote-pack.vue'
import address from '@/mixin/address'
import VueTypedMixins from 'vue-typed-mixins'
import MAddressOverview from './components/m-address-overview/index.vue'
export default VueTypedMixins(address).extend({
  components: {
    MChainSearch,
    MAddressOverview,
    MTabs,
    MVotePack,
  },
})
</script>
<style lang="scss" scoped>
.c-address {
  padding-top: 44px;
}
</style>
