"use client"

import React from "react"

interface SubTitleProps {
  title: string
  color?: string
  customStyle?: React.CSSProperties
}

export default function SubTitle({ title, color = "#2378FF", customStyle }: SubTitleProps) {
  return (
    <div
      className="w-full mx-auto text-2xl shuheiti"
      style={{ color, ...customStyle }}
    >
      <p
        className="inline-block border-b-4 border-solid"
        style={{ borderColor: color }}
      >
        {title}
      </p>
    </div>
  )
}
