Decoder2704/python-chatbot-jay

1import "./SectionHeader.css";2 3export default function SectionHeader({4  eyebrow,5  title,6  subtitle,7  align = "left",8  size = "lg",9  highlight,10  titleAs: TitleTag = "h2",11  className = "",12}) {13  const rootClass = ["ui-section-header", `ui-section-header--${align}`, `ui-section-header--${size}`, className]14    .filter(Boolean)15    .join(" ");16 17  const titleContent =18    title != null && typeof title === "string" && highlight ? (19      <>20        {title}{" "}21        <span className="ui-section-header__highlight">{highlight}</span>22      </>23    ) : (24      title25    );26 27  return (28    <header className={rootClass}>29      {eyebrow && <p className="ui-section-header__eyebrow">{eyebrow}</p>}30      {title != null && <TitleTag className="ui-section-header__title">{titleContent}</TitleTag>}31      {subtitle && <p className="ui-section-header__subtitle">{subtitle}</p>}32    </header>33  );34}35