<template>
  <div class="container flex justify-between">
    <chain-card-show-price></chain-card-show-price>
    <div>
      <chain-card-show-perf :txNumber="totalTx"></chain-card-show-perf>
      <chain-tx-number-chart style="margin-top: 30px;"></chain-tx-number-chart>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import ChainCardShowPerf from './ChainCardShowPerf.vue'
import ChainCardShowPrice from './ChainCardShowPrice.vue'
import ChainTxNumberChart from './ChainTxNumberChart.vue'
export default Vue.extend({
  components: {
    ChainCardShowPrice,
    ChainCardShowPerf,
    ChainTxNumberChart,
  },
  props: {
    totalTx: Number
  }
})
</script>

