Component styling in CSS

1 files changed, 3 insertions, 12 deletions

diff --git a/vnext/src/components/Button.js b/vnext/src/components/Button.js
index 11887d41..4152108b 100644
--- a/vnext/src/components/Button.js
+++ b/vnext/src/components/Button.js
@@ -1,18 +1,9 @@
 import React from 'react';
 
+import './Button.css';
+
 export default function Button(props) {
     return (
-        <button style={buttonStyle} {...props} />
+        <button className="Button" {...props} />
     );
 }
-
-const buttonStyle = {
-    background: '#fff',
-    fontSize: '12px',
-    border: '1px solid #eee',
-    color: '#888',
-    cursor: 'pointer',
-    display: 'inline-block',
-    margin: '5px',
-    padding: '2px 10px'
-};