diff --git a/components/CopyButton.js b/components/CopyButton.js
index 1a96693..0ce77f4 100644
--- a/components/CopyButton.js
+++ b/components/CopyButton.js
@@ -1,12 +1,22 @@
 import React from 'react'
 
+import Button from './Button'
+
 // constants
+const BUTTON_COLOR = '#84ACFC'
+
 const STATUS = {
   IDLE: 'IDLE',
   LOADING: 'LOADING',
   DEBOUNCED: 'DEBOUNCED'
 }
 
+const textMap = {
+  [STATUS.IDLE]: 'Copy Imgur Link',
+  [STATUS.LOADING]: 'Loading...',
+  [STATUS.DEBOUNCED]: 'Coppied'
+}
+
 class CopyButton extends React.Component {
   constructor(props) {
     super(props)
@@ -15,4 +25,18 @@ class CopyButton extends React.Component {
       status: STATUS.IDLE
     }
   }
-}
\ No newline at end of file
+
+  handleClick () {
+    switch (this.state.status)
+  }
+
+  render () {
+    return (
+      <div>
+        <Button onClick={() => {}} title={textMap[this.state.status]} bg={BUTTON_COLOR}/>
+      </div>
+    )
+  }
+}
+
+export default CopyButton
\ No newline at end of file