<template>
  <div class="w-full desktop:pt-[23px] mobile:pt-[13px]">
    <div class="mobile:hidden">
      <desktop-transact-table :isBlockWs="isWs" />
    </div>
    <div class="desktop:hidden">
      <mobile-transact-table :isBlockWs="isWs" />
    </div>
  </div>
</template>

<script setup lang="ts">
import DesktopTransactTable from '@src/components/table/desktop/transactTable.vue'
import MobileTransactTable from '@src/components/table/mobile/transactTable.vue'
import { ref, watchEffect } from 'vue'
const props = defineProps({
  isWebs: {
    type: Boolean,
    required: true,
  },
})

const isWs = ref()

watchEffect(() => {
  isWs.value = props.isWebs
})
</script>

<style scoped></style>
