<template>
  <van-nav-bar
    :title="title"
    left-arrow
    @click-left="onClickLeft"
    fixed
    placeholder
  />
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'

defineProps({
  title: {
    type: String,
    default: ''
  }
})

const router = useRouter()

const onClickLeft = () => {
  router.back()
}
</script>

<style lang="scss" scoped>
:deep(.van-nav-bar) {
  background-color: $primary-color;
  .van-nav-bar__title {
    color: #fff;
  }
  .van-icon {
    color: #fff;
  }
}
</style>