2019-10-19 16:38:07 +02:00
|
|
|
import React from 'react';
|
2019-10-17 12:07:20 +02:00
|
|
|
|
2019-10-19 16:38:07 +02:00
|
|
|
import { LightAsync as ReactSyntaxHighlighter } from 'react-syntax-highlighter';
|
|
|
|
|
import { arduinoLight } from 'react-syntax-highlighter/dist/cjs/styles/hljs';
|
2019-03-12 18:46:44 +01:00
|
|
|
|
|
|
|
|
type Props = {
|
2019-10-19 16:38:07 +02:00
|
|
|
language: string;
|
|
|
|
|
value: string;
|
2019-03-12 18:46:44 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
class SyntaxHighlighter extends React.Component<Props> {
|
|
|
|
|
render() {
|
|
|
|
|
return (
|
|
|
|
|
<ReactSyntaxHighlighter
|
|
|
|
|
showLineNumbers="false"
|
|
|
|
|
language={this.props.language}
|
|
|
|
|
style={arduinoLight}
|
|
|
|
|
>
|
|
|
|
|
{this.props.value}
|
|
|
|
|
</ReactSyntaxHighlighter>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default SyntaxHighlighter;
|