<script setup lang="ts">
import type chooseLanguageVue from "@/components/choose-language/choose-language.vue";

const {t} = useI18n()
const chooseLanguageRef = ref<InstanceType<typeof chooseLanguageVue> | null>(null)

</script>

<template>

  <view class="flex justify-end">
    <view
        class="flex items-center px-16rpx  h-64rpx bg-primary rounded-l-50rpx shadow-[0rpx_6rpx_12rpx_rgba(19,72,173,0.24)]"
        hover-class="!opacity-90"

        @click.stop="chooseLanguageRef?.init()">
      <image class="shrink-0 mr-6rpx w-32rpx h-32rpx" src="@img/17448@2x.png"></image>
      <text class="mr-8rpx text-28rpx  text-#fff font-bold">{{ t('common.switch-language') }}</text>
    </view>
  </view>
</template>

<style scoped lang="scss">

</style>
