Updates

components/elements/CodeBlock.tsx

@@ -1,8 +1,8 @@
 import { Check, Copy } from "lucide-react";
 import React, {
-    DetailedHTMLProps,
-    HTMLAttributes,
-    PropsWithChildren,
+    type DetailedHTMLProps,
+    type HTMLAttributes,
+    type PropsWithChildren,
 } from "react";
 import { twMerge } from "tailwind-merge";
 import Stack from "../layout/Stack";
@@ -56,7 +56,7 @@ export default function CodeBlock({
                 `rounded w-full transition-all items-start`,
                 "relative max-w-[80vw] sm:max-w-[85vw] xl:max-w-[880px]",
                 "twui-code-block-wrapper",
-                wrapperProps?.className
+                wrapperProps?.className,
             )}
             style={{
                 boxShadow: copied
@@ -69,14 +69,14 @@ export default function CodeBlock({
             <Stack
                 className={twMerge(
                     "gap-0 w-full overflow-x-auto relative",
-                    "max-h-[600px] overflow-y-auto"
+                    "max-h-[600px] overflow-y-auto",
                 )}
             >
                 <Row
                     className={twMerge(
                         "w-full px-1 h-10 sticky top-0 py-2",
                         singleBlock ? "absolute !bg-transparent" : "",
-                        "twui-code-block-header"
+                        "twui-code-block-header",
                     )}
                     style={{
                         backgroundColor: finalBackgroundColor,
@@ -128,7 +128,7 @@ export default function CodeBlock({
                     className={twMerge(
                         `p-1 w-full [&_pre]:!bg-transparent`,
                         singleBlock ? "" : "-mt-1",
-                        "twui-code-pre-wrapper"
+                        "twui-code-pre-wrapper",
                     )}
                     ref={codeRef as any}
                 >
@@ -138,7 +138,7 @@ export default function CodeBlock({
                             "!my-0 whitespace-pre-wrap",
                             language ? `language-${language}` : "",
                             "twui-code-block-pre",
-                            props.className
+                            props.className,
                         )}
                     >
                         {children}