// /* "use client" */

// import * as React from "react";
// import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
// import { dracula } from 'react-syntax-highlighter/dist/cjs/styles/prism';

// type CodeProps = {
//   code: string;
//   language: string;
//   style?: any;
//   wrapLines?: boolean;
//   showLineNumbers?: boolean;
// };

// const CodeBlock: React.FC<CodeProps> = ({ code, language, wrapLines = true, showLineNumbers = true }) => {
//   return (
//     <SyntaxHighlighter
//       lineProps={{ style: { wordBreak: 'break-all', whiteSpace: 'pre-wrap' } }}
//       language={language}
//       style={dracula}
//       wrapLines={wrapLines}
//       wrapLongLines={wrapLines}
//       showLineNumbers={showLineNumbers}
//       showInlineLineNumbers={false}
//     >{code}</SyntaxHighlighter>
//   );
// };

// export default CodeBlock;