style: model file list

src/components/highlight-code/code-viewer-dark.tsx

@@ -0,0 +1,27 @@
+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);