fix(): Pass className to copy button.

CQCL · Sep 17, 2024 · 6fdf4d3 · 6fdf4d3
1 parent ae7103d
commit 6fdf4d3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/custom/docs/components/header/CodeCopy.tsx b/src/custom/docs/components/header/CodeCopy.tsx
@@ -1,9 +1,9 @@
 'use client'
 import React from "react"
 
-import {Button} from 'src'
+import {Button, cn} from 'src'
 import { Check, Copy } from "lucide-react"
-export const CodeCopy = (props: {textToCopy: string}) => {
+export const CodeCopy = (props: {textToCopy: string, className?: string}) => {
 
     const [copied, setHasCopied] = React.useState(false)
 
@@ -13,7 +13,7 @@ export const CodeCopy = (props: {textToCopy: string}) => {
         <Button
         variant="ghost"
         size="icon"
-        className={`${copied ? ' hover:bg-transparent' : 'hover:bg-background/50 hover:text-foreground/75'} ml-1`}
+        className={cn(`${copied ? ' hover:bg-transparent' : 'hover:bg-background/50 hover:text-foreground/75'} ml-1`, props.className)}
         onClick={() => {
           window.navigator.clipboard.writeText(props.textToCopy)
           setHasCopied(true)