From 9eb671cd17d4e660b1868d60c3ba9d9f6353394f Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Sat, 12 May 2018 10:12:59 +0200
Subject: [PATCH] Expose CopyButton properties (#41)

---
 packages/ui-app/src/CopyButton.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/ui-app/src/CopyButton.js b/packages/ui-app/src/CopyButton.js
index da2d13e403..f09ed0d909 100644
--- a/packages/ui-app/src/CopyButton.js
+++ b/packages/ui-app/src/CopyButton.js
@@ -9,18 +9,23 @@ import React from 'react';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import Button from 'semantic-ui-react/dist/es/elements/Button';
 
+type Button$Sizes = 'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'big' | 'huge' | 'massive';
+
 type Props = BareProps & {
+  icon?: string,
+  isPrimary?: boolean,
+  size?: Button$Sizes,
   value?: string
 }
 
-export default function CopyButton ({ className, style, value }: Props): React$Node {
+export default function CopyButton ({ className, icon = 'copy', isPrimary = true, size = 'tiny', style, value }: Props): React$Node {
   return (
     <CopyToClipboard text={value}>
       <Button
         className={className}
-        icon='copy'
-        primary
-        size='tiny'
+        icon={icon}
+        primary={isPrimary}
+        size={size}
         style={style}
       />
     </CopyToClipboard>