<script setup lang="ts">
import { CreateWalletComponent } from '@/components'

const emit = defineEmits<{
    goToLogin: []
    next: []
}>()

const handleNavigateToOpenWallet = () => {
    emit('goToLogin')
}

const handleNavigateToRecoverySeed = () => {
    emit('next')
}
</script>

<template>
    <div class="create-tab">
        <CreateWalletComponent
            @navigateToOpenWallet="handleNavigateToOpenWallet"
            @navigateToRecoverySeed="handleNavigateToRecoverySeed"
        />
    </div>
</template>

<style lang="scss" scoped>
.create-tab {
    padding: var(--spacing-lg);
}
</style>
