import { memo } from 'react';
import CodeViewer from './code-viewer';
import './styles/dark.less';

interface CodeViewerProps {
  code: string;
  lang: string;
  autodetect?: boolean;
  ignoreIllegals?: boolean;
  copyable?: boolean;
}
const DarkViewer: React.FC<CodeViewerProps> = (props) => {
  const { code, lang, autodetect, ignoreIllegals, copyable } = props || {};

  return (
    <CodeViewer
      code={code}
      lang={lang}
      theme="dark"
      autodetect={autodetect}
      ignoreIllegals={ignoreIllegals}
      copyable={copyable}
    ></CodeViewer>
  );
};

export default memo(DarkViewer);