<template>
    <div class="row align-items-md-stretch">
        <div class="col-md-6 col-sm-12 col-xs-10">
            <my-page-balances></my-page-balances>
        </div>
        <div class="col-md-6 col-sm-12 col-xs-10">
            <!-- <my-page-rewards></my-page-rewards> -->
        </div>
        <div class="col-md-12 col-sm-12 col-xs-10 pb-4">
            <my-page-rewards-history></my-page-rewards-history>
        </div>
    </div>
</template>

<script>
import MyPageBalances from '../components/myPage/MyPageBalances.vue'
//import MyPageRewards from '../components/myPage/MyPageRewards.vue'
import MyPageRewardsHistory from '../components/myPage/MyPageRewardsHistory.vue'
export default {
  components: { 
    MyPageBalances, 
    //MyPageRewards, 
    MyPageRewardsHistory },
    name: "MyPage",

}
</script>

<style lang="scss" scoped>

</style>