feat(lab): Draft view pretty ok now

packages/freesewing.shared/components/yaml.js

@@ -0,0 +1,19 @@
+import React from 'react'
+import Highlight from 'shared/components/mdx/highlight.js'
+import hljs from 'highlight.js/lib/common'
+
+import yaml from 'js-yaml'
+const Yaml = props => {
+  let code
+  if (props.json) code = yaml.dump(JSON.parse(props.json))
+  else if (props.js) code = yaml.dump(props.js)
+  else code = props.children
+
+  return <Highlight
+    language='yaml'
+    raw={hljs.highlight(code, { language: 'yaml' }).value}
+  />
+}
+
+export default Yaml
+