/* "use client" */

import * as React from "react";
// import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";

import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { dracula } from "react-syntax-highlighter/dist/cjs/styles/prism";
var SyntaxHighlighterAny = SyntaxHighlighter;
var CodeBlock = function CodeBlock(_ref) {
  var code = _ref.code,
    language = _ref.language,
    _ref$wrapLines = _ref.wrapLines,
    wrapLines = _ref$wrapLines === void 0 ? true : _ref$wrapLines,
    _ref$showLineNumbers = _ref.showLineNumbers,
    showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers,
    _ref$style = _ref.style,
    style = _ref$style === void 0 ? dracula : _ref$style;
  return /*#__PURE__*/React.createElement(SyntaxHighlighterAny, {
    language: language,
    style: style,
    wrapLines: wrapLines,
    wrapLongLines: wrapLines,
    showLineNumbers: showLineNumbers,
    showInlineLineNumbers: false,
    lineProps: {
      style: {
        wordBreak: "break-all",
        whiteSpace: "pre-wrap"
      }
    }
  }, code);
};
export default CodeBlock;