Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import * as React from "react";
import styled from "styled-components";
const refractor = require("refractor/core.js");
const toh = require("hast-to-hyperscript");
// in core: css
refractor.register(require("refractor/lang/less.js"));
refractor.register(require("refractor/lang/scss.js"));
refractor.register(require("refractor/lang/stylus.js"));
// in core: js
refractor.register(require("refractor/lang/jsx.js"));
refractor.register(require("refractor/lang/typescript.js"));
refractor.register(require("refractor/lang/tsx.js"));
refractor.register(require("refractor/lang/json.js"));
// in core: xml, html, svg
refractor.register(require("refractor/lang/markdown.js"));
refractor.register(require("refractor/lang/bash.js"));
refractor.register(require("refractor/lang/diff.js"));
module.exports.highlight = highlight;
var _react2 = _interopRequireDefault(_react);
var _rehype = require('rehype');
var _rehype2 = _interopRequireDefault(_rehype);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
require('prismjs/themes/prism.css');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var refractor = require('refractor/core.js');
refractor.register(require('refractor/lang/jsx.js'));
Code.defaultProps = {
language: 'jsx'
};
function Code(_ref) {
var className = _ref.className,
children = _ref.children,
language = _ref.language,
style = _ref.style;
var nodes = refractor.highlight(children, language);
var html = (0, _rehype2.default)().stringify({ type: 'root', children: nodes }).toString();
return _react2.default.createElement('pre', {
style: style,
className: (0, _classnames2.default)('ui-kit-code', className),
import React from 'react';
import rehype from 'rehype';
import cx from 'classnames';
import 'prismjs/themes/prism.css';
var refractor = require('refractor/core.js');
refractor.register(require('refractor/lang/jsx.js'));
Code.defaultProps = {
language: 'jsx',
};
export default function Code({
className,
children,
language,
style,
}) {
const nodes = refractor.highlight(children, language);
const html = rehype()
.stringify({ type: 'root', children: nodes })
.toString();
return (