Function Article

packages/dev/s2-docs/src/Layout.tsx:397–427

({page, parentPage, children, isLongForm, isWide}: ArticleProps)

}

function Article({page, parentPage, children, isLongForm, isWide}: ArticleProps) {
  let section = page.exports?.section;
  return (
    <article
      className={articleStyles({isLongForm, isWide})}
      itemScope
      itemType={`https://schema.org/${section === 'Blog' || section === 'Releases' ? 'BlogPosting' : 'TechArticle'}`}>
      <meta itemProp="description" content={getDescription(page)} />
      <meta itemProp="image" content={getOgImageUrl(page)} />
      <div itemProp="publisher" itemScope itemType="https://schema.org/Organization" hidden>
        <meta itemProp="name" content="Adobe" />
        <meta itemProp="url" content="https://www.adobe.com" />
        <meta itemProp="logo" content="https://www.adobe.com/favicon.ico" />
      </div>
      {page.exports?.version && <VersionBadge version={page.exports.version} />}
      {page.exports?.isSubpage ? (
        <SubpageHeader currentPage={page} parentPage={parentPage} isLongForm={isLongForm} />
      ) : (
        page.tableOfContents?.[0]?.level === 1 && (
          <H1 itemProp="headline" isLongForm={isLongForm}>
            {page.tableOfContents?.[0].title}
          </H1>
        )
      )}
      <div className={style({display: 'contents'})} itemProp="articleBody">
        {children}
      </div>
      {page.exports?.relatedPages && <MobileRelatedPages pages={page.exports.relatedPages} />}
    </article>
  );
}

function PostListContainer({page, children, isLongForm, isWide}: ArticleProps) {
  return (