function PageHeading()

in beta/src/components/PageHeading.tsx [18:47]

• 30 lines of code
• 5 McCabe index (conditional complexity)

function PageHeading({
  title,
  status,
  description,
  tags = [],
}: PageHeadingProps) {
  return (
    <div className="px-5 sm:px-12 pt-5">
      <div className="max-w-4xl ml-0 2xl:mx-auto">
        {tags ? <Breadcrumbs /> : null}
        <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5 break-words">
          {title}
          {status ? <em>—{status}</em> : ''}
        </H1>
        {description && (
          <p className="mt-4 mb-6 text-primary dark:text-primary-dark text-xl text-gray-90 leading-large">
            {description}
          </p>
        )}
        {tags?.length > 0 && (
          <div className="mt-4">
            {tags.map((tag) => (
              <Tag key={tag} variant={tag as RouteTag} />
            ))}
          </div>
        )}
      </div>
    </div>
  );
}