function BlogPostPageContent()

in src/components/blog/BlogDetailPage/index.tsx [21:59]


function BlogPostPageContent({relatedList, sidebar, children}) {
  const {metadata, toc} = useBlogPost();

  const { frontMatter} = metadata;
  const {
    hide_table_of_contents: hideTableOfContents,
    toc_min_heading_level: tocMinHeadingLevel,
    toc_max_heading_level: tocMaxHeadingLevel,
  } = frontMatter;
  return (
    <Layout
      sidebar={sidebar}>
        <Container>
          <Row className='justify-content-end mb-4'>
            <Col lg={8} md={12}>
               <div className='px-0 px-lg-5 pt-5'>
                 <BlogPostItemHeader />
               </div>
            </Col>
            <Col lg={2} md={12} />
          </Row>
          <Row className='justify-content-end'>
            <Col lg={8} md={12}>
              <BlogPostItem relatedList={relatedList}>
                {children}
              </BlogPostItem>
            </Col>
            <Col lg={2} md={12}>
              {toc && <TOC
                  toc={toc}
                  minHeadingLevel={tocMinHeadingLevel}
                  maxHeadingLevel={tocMaxHeadingLevel}
                />}
            </Col>
          </Row>
        </Container>
    </Layout>
  );
}