csslayout/client/components/SampleCode.tsx

import React from 'react';

import highlight from '../helpers/highlight';

const SampleCode = ({ code, lang }) => {
    return code === ''
            ? <></>
            : (
                <pre className="h-100 lh-copy ma0" dangerouslySetInnerHTML={{ __html: highlight(code, lang) }} />
            );
};

export default SampleCode;