feat: added component description

src/templates/ReferenceTemplate.js

@@ -1,21 +1,26 @@
 import React, { useState } from 'react';
 import { graphql } from 'gatsby';
 import PropTypes from 'prop-types';
+import ReactMarkdown from 'react-markdown';
 import Container from '../components/Container';
 import Layout from '../components/Layout';
 import Sidebar from '../components/Sidebar';
 import SEO from '../components/Seo';
+import useSdk from '../hooks/useSdk';
 
 import pages from '../data/sidenav.json';
 
 import styles from './ReferenceTemplate.module.scss';
 
 const ReferenceTemplate = ({ data }) => {
+  const loaded = useSdk();
   const [isOpen, setIsOpen] = useState(false);
   const { mdx } = data;
   const { frontmatter } = mdx;
   const { title, description, component } = frontmatter;
 
+  const componentData = window?.__NR1_SDK__?.default?.[component];
+
   return (
     <Layout>
       <SEO title={title} description={description} />
@@ -28,6 +33,10 @@ const ReferenceTemplate = ({ data }) => {
         />
         <main className={styles.content}>
           <h1>{component}</h1>
+
+          {componentData && componentData.__docs__ && (
+            <ReactMarkdown source={componentData.__docs__.text} />
+          )}
         </main>
       </Container>
     </Layout>