feat: Render function definition for func prop types

src/components/FunctionDefinition.js

@@ -1,13 +1,19 @@
-import React from 'react';
+import React, { Children } from 'react';
 import PropTypes from 'prop-types';
 import Markdown from 'react-markdown';
 import styles from './FunctionDefinition.module.scss';
 
-const ParamDescription = ({ children, ...props }) => (
-  <span {...props} className={styles.paramDescription}>
-    {'//'} {children}
-  </span>
-);
+const ParamDescription = ({ children, ...props }) => {
+  if (Children.toArray(children).length === 0) {
+    return null;
+  }
+
+  return (
+    <span {...props} className={styles.paramDescription}>
+      {'//'} {children}
+    </span>
+  );
+};
 
 ParamDescription.propTypes = {
   children: PropTypes.node,

src/components/PropTypeInfo.js

@@ -1,18 +1,25 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import FunctionDefinition from './FunctionDefinition';
 
 const PropTypeInfo = ({ type }) => {
-  switch (type.name) {
-    case 'function':
-      return <div>func</div>;
+  switch (type.raw) {
+    case 'func':
+      return (
+        <FunctionDefinition
+          returnValue={type.meta.returnValue}
+          params={type.meta.params}
+        />
+      );
     default:
       return null;
   }
 };
 
 PropTypeInfo.propTypes = {
   type: PropTypes.shape({
-    name: PropTypes.string.isRequired,
+    raw: PropTypes.string.isRequired,
+    meta: PropTypes.object,
   }),
 };