"use client"

import Image from "next/image"


interface MainTitleProps {
  title?: string
  titleLetter?: string
}

export default function MainTitle({ title, titleLetter }: MainTitleProps) {

  return (
    <div className="text-center w-full mx-auto">
      {/* 主标题 */}
      <p className="relative text-2xl lg:text-[34px] font-extrabold text-[#244D8F] z-10">
        {title}
        <Image
          src="/assets/home/13.png"
          alt=""
          width={20}
          height={20}
          className="absolute w-10 -top-1.5 inline-block"
        />
      </p>

      {/* 副标题 */}
      <p className="text-base lg:text-2xl text-[#1652B4] opacity-15 font-bold z-0 -translate-y-5 tracking-tight">
        {(titleLetter?.toUpperCase())}
      </p>
    </div>
  )
}
