<template>
  <div class="flex items-end justify-between py-15">
    <div class="flex items-end space-x-8">
      <span class="text-black-3 text-2xl font-semibold">{{ title }}</span>
      <div class="flex flex-col">
        <img :src="plane" class="w-20" />
        <span class="text-[#707070] text-sm">{{ subTitle }}</span>
      </div>
    </div>
    <NuxtLink v-if="showMore" :to="moreToUrl" class="text-base text-[#acadb6]"
      >了解更多</NuxtLink
    >
  </div>
</template>

<script setup>
import plane from "~/assets/img/home/home_plane.png";

defineProps({
  title: String,
  subTitle: String,
  showMore: {
    type: Boolean,
    default: true,
  },
  moreToUrl: {
    type: String,
    default: "",
  },
});
</script>

<style lang="scss" scoped></style>
