{"size": 435, "ext": "js", "max_stars_repo_path": "components/CodeWrapper.js", "max_stars_repo_name": "madumas/developer-portal", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "components/CodeWrapper.js", "max_issues_repo_name": "madumas/developer-portal", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "components/CodeWrapper.js", "max_forks_repo_name": "madumas/developer-portal", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.1875, "max_line_length": 89, "alphanum_fraction": 0.6459770115}
/** @jsx jsx */
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { jsx, Box } from 'theme-ui';

const CodeWrapper = ({ value, language = 'jsx', ...otherProps }) => {
  return (
    <Box variant="styles.code" {...otherProps}>
      <SyntaxHighlighter codeTagProps={null} useInlineStyles={false} language={language}>
        {value}
      </SyntaxHighlighter>
    </Box>
  );
};

export default CodeWrapper;
