fix: Make onCopy optional and rename to onCopyClick (#446)

src/components/Codeline.tsx

@@ -8,29 +8,29 @@ import CopyIcon from './icons/CopyIcon'
 
 type CodelineProps = FlexProps & {
   displayText?: string
-  onCopy: (text: string) => Promise<void>
+  onCopyClick?: (text: string) => Promise<void>
 }
 
 const propTypes = {}
 
 function CodelineRef(
-  { children, displayText, onCopy, ...props }: CodelineProps,
+  { children, displayText, onCopyClick, ...props }: CodelineProps,
   ref: Ref<any>
 ) {
   const [copied, setCopied] = useState(false)
   const theme = useTheme()
 
   const handleCopy = useCallback(() => {
-    if (onCopy) {
-      onCopy(children as string).then(() => setCopied(true))
+    if (onCopyClick) {
+      onCopyClick(children as string).then(() => setCopied(true))
 
       return
     }
 
     window.navigator.clipboard
       .writeText(children as string)
       .then(() => setCopied(true))
-  }, [children, onCopy])
+  }, [children, onCopyClick])
 
   useEffect(() => {
     if (copied) {

src/stories/Codeline.stories.tsx

@@ -39,7 +39,7 @@ function CustomCopyTemplate(args: any) {
         This codeline copy uses a custom onCopy function that returns a promise!
       </span>
       <Codeline
-        onCopy={onCopy}
+        onCopyClick={onCopy}
         {...args}
       />
     </Flex>