<template>
  <div class="rounded-[10px]">
    <t-header :list="thList" />
    <hp-row
      v-for="(item, index) in data"
      :key="index"
      :sequence="sequence"
      :values="item"
      :last="index === data.length - 1"
    />
  </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'

const props = defineProps({
  data: Array as any,
})

const thList = ['Txn Hash', 'From', 'To', 'Date / Time', 'Fee(MBC)']
const sequence = ['txnHash', 'from', 'to', 'time', 'fee']
</script>

<style scoped></style>
