<template>
  <div class="min-h-screen bg-base-200">
    <div class="container mx-auto px-4 py-8 max-w-4xl">
      <!-- Back button -->
      <NuxtLink :to="localePath('/catalog')" class="btn btn-ghost btn-sm mb-4">
        <Icon name="lucide:arrow-left" size="16" />
        {{ $t('common.back') }}
      </NuxtLink>

      <!-- KYC Profile Card -->
      <KycProfileCard :kyc-profile-uuid="uuid" />
    </div>
  </div>
</template>

<script setup lang="ts">
definePageMeta({
  layout: 'topnav'
})

const route = useRoute()
const localePath = useLocalePath()

const uuid = computed(() => route.params.uuid as string)
</script>
