<template>
  <div>
    <a-table :dataSource="nftData" :pagination="false">
      <!-- <a-table-column title="NFT" data-index="nft" :width="400">
        <template  #default="{ text: nft }">
          <div class="nft">
            <div class="nft-img">
              <img :src="nft.image" alt="">
            </div>
            <div class="nft-name">{{ nft.name }}</div>
          </div>
      </template>
      </a-table-column> -->
    </a-table>
  </div>
</template>

<script setup>
import { ref } from "vue"

const props = defineProps({
  nftData: {
    type: Object,
    required: true,
  },
});


console.log(props.nftData)


</script>

<style lang="scss" scoped>
div {
  width: 100%;
  :deep(.ant-table-wrapper) {
    .ant-spin-nested-loading {
      .ant-spin-container {
        .ant-table {
          color: #fff;
          background: #16141b;
          .ant-table-container {
            .ant-table-content {
              .ant-table-thead {
                tr {
                  th {
                    color: #B3B5DA;
                    background: #16141b;
                    border-color: #34354e;
                    &::before {
                      display: none;
                    }
                  }
                }
              }
              .ant-table-tbody {
                tr {
                  background: #16141b;
                  td {
                    border-color: #34354e;
                    background: #16141b !important;
                    .nft {
                      display: flex;
                    }
                  }
                  &:hover {
                    background: #16141b !important;
                    td {
                      background: #16141b !important;
                    }
                    .ant-table-cell-row-hover {
                      background: #16141b !important;
                    }
                    .ant-table-cell {
                      background: #16141b !important;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
</style>