import { ISectionTitleProps } from './sectionTitle';

export default function SectionTitle({
  title,
  description,
  description_bold,
}: ISectionTitleProps) {
  return (
    <div className="flex flex-col gap-4">
      <div className="flex items-center gap-2">
        <h3 className="text-sm tracking-[0.175rem] text-gray-500">{title}</h3>
      </div>
      <h2 className="text-[3.25rem] font-extralight text-gray-500">
        {description}
        {description_bold && (
          <strong className="block font-bold">{description_bold}</strong>
        )}
      </h2>
    </div>
  );
}
