<template>
  <div class="c-balance-graph">
    <div class="flex items-center justify-between">
      <dir>
        {{ $t('lang.address.accountBalance') }}
      </dir>
      <div class="">
        <span class="text-text-color ml-3">W1</span>
        <span class="text-footer-color font-bold ml-3">M1</span>
        <span class="text-text-color ml-3">M6</span>
        <span class="text-text-color ml-3">Y1</span>
        <span class="text-text-color ml-3">ALL</span>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({})
</script>
<style lang="scss" scoped>
.c-balance-graph {
  height: 140px;
  background: #ffffff;
  border-radius: 2px;
}
</style>
