yhtml5-test/demo/node_modules/react-error-overlay/lib/components/CodeBlock.js

A test framework for front-end projects

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import React from 'react';
import { redTransparent, yellowTransparent } from '../styles';

var _preStyle = {
  display: 'block',
  padding: '0.5em',
  marginTop: '0.5em',
  marginBottom: '0.5em',
  overflowX: 'auto',
  whiteSpace: 'pre-wrap',
  borderRadius: '0.25rem'
};

var primaryPreStyle = Object.assign({}, _preStyle, {
  backgroundColor: redTransparent
});

var secondaryPreStyle = Object.assign({}, _preStyle, {
  backgroundColor: yellowTransparent
});

var codeStyle = {
  fontFamily: 'Consolas, Menlo, monospace'
};

function CodeBlock(props) {
  var preStyle = props.main ? primaryPreStyle : secondaryPreStyle;
  var codeBlock = { __html: props.codeHTML };

  return React.createElement(
    'pre',
    { style: preStyle },
    React.createElement('code', { style: codeStyle, dangerouslySetInnerHTML: codeBlock })
  );
}

export default CodeBlock;