20 lines
456 B
JavaScript
20 lines
456 B
JavaScript
|
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
|
||
|
|
|