export default function SectionTitle({ subtitle, heading, description, alignment = 'left', subtitleIcon, dark }) {
  return (
    <div className={`title-area text-${alignment}`}>
      {subtitle && (
        <span className={`sub-title${subtitleIcon || dark ? '2' : ''}${dark ? ' shape-white' : ''}`}>
          {subtitleIcon && <img decoding="async" src={subtitleIcon} alt="Shape" />}
          {subtitle}
        </span>
      )}
      {heading && <h2 className="sec-title">{heading}</h2>}
      {description && <p>{description}</p>}
    </div>
  )
}
