<template>
  <BasicTitle :helpMessage="helpMessage">
    {{ title }}
  </BasicTitle>
  <!-- <div class="model-title">
    <div class="model-title__icon">{{ title }} </div>
    <div class="model-title__content"> </div>
  </div> -->
</template>
<script lang="ts" setup>
  import type { PropType } from 'vue';
  import { BasicTitle } from '@/components/Basic';

  defineOptions({ name: 'BasicModalHeader' });

  defineProps({
    helpMessage: {
      type: [String, Array] as PropType<string | string[]>,
    },
    title: { type: String },
  });
</script>
<style lang="less" scoped>
  .model-title {
    background: url('@/assets/images/background.png') no-repeat;
    height: inherit;
  }
  .model-title__icon {
    background: url('@/assets/images/title.png') no-repeat;
    height: 40px;
  }
</style>
