packages/website/ts/pages/shared/markdown_code_block.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import * as _ from 'lodash';
import * as React from 'react';
import * as HighLight from 'react-highlight';

interface MarkdownCodeBlockProps {
    literal: string;
    language: string;
}

export function MarkdownCodeBlock(props: MarkdownCodeBlockProps) {
    return (
        <span style={{fontSize: 16}}>
            <HighLight
                className={props.language || 'js'}
            >
                {props.literal}
            </HighLight>
        </span>
    );
}