<template>
  <div class="relative inline-block p-[6px_2px_2px] mb-[4px]">
    <span class="text-[18px] font-bold text-[#171717] relative z-10">
      {{ title || t("common.module.imageDetail") }}
    </span>
    <img class="absolute bottom-[-3px] left-0 w-full h-[10px] z-0" :src="isZhiNian ? indicatorSrcB : indicatorSrc" />
  </div>
</template>

<script setup>
import { isZhiNian } from "@/constants/base";
import { useI18n } from "vue-i18n";
import indicatorSrc from "./images/wave_icon.png";
import indicatorSrcB from "./images/wave_icon_b.png";

const { t } = useI18n();

defineProps({
  title: {
    type: String,
    default: "",
  },
});
</script>
