<template>
  <CrmCard hide-footer no-content-bottom-padding>
    <openSeaTable :form-key="FormDesignKeyEnum.CUSTOMER_OPEN_SEA" />
  </CrmCard>
</template>

<script setup lang="ts">
  import { FormDesignKeyEnum } from '@lib/shared/enums/formDesignEnum';

  import CrmCard from '@/components/pure/crm-card/index.vue';
  import openSeaTable from './components/openSeaTable.vue';
</script>

<style lang="less">
  .n-base-select-option {
    @apply justify-between;
  }
  .n-base-select-option:hover {
    .openSea-setting-icon {
      @apply visible;
    }
  }
  .openSea-setting-icon {
    @apply invisible cursor-pointer;

    color: var(--text-n4);
    &:hover {
      color: var(--primary-8);
    }
  }
</style>
