<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>
    <div
      class="rounded-twoPx overflow-hidden shadow-shadow1"
      style="margin-top: 15px;"
    >
      <m-tabs
        :focusedTab="focusedTab"
        :setFocusedTab="($event) => (focusedTab = $event)"
        :tabList="tabList"
      ></m-tabs>
      <m-vote-pack :rewardAmount="30" :type="'lskjd'"></m-vote-pack>
    </div>
  </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;
  padding-bottom: 23px;
}
</style>
