import type { SectionTitleContent } from "@/data/home/types";

/** Matches template `.sec-title` (see crm-html index). */
export default function SectionTitle({
  eyebrow,
  title,
  description,
  className = "",
}: SectionTitleContent & { className?: string }) {
  return (
    <div className={`sec-title ${className}`.trim()}>
      {eyebrow ? <span className="sub-title">{eyebrow}</span> : null}
      <h2 className="title">{title}</h2>
      {description ? <p>{description}</p> : null}
    </div>
  );
}