CreatePasswordScreen

1 files changed, 34 insertions, 2 deletions

diff --git a/mascara/src/app/first-time/create-password-screen.js b/mascara/src/app/first-time/create-password-screen.js
index afb1ad8f6..1313de561 100644
--- a/mascara/src/app/first-time/create-password-screen.js
+++ b/mascara/src/app/first-time/create-password-screen.js
@@ -2,10 +2,42 @@ import React, {Component, PropTypes} from 'react'
 
 export default class CreatePasswordScreen extends Component {
 
+  state = {
+    password: '',
+    confirmPassword: ''
+  }
+
   render() {
     return (
-      <div>
-
+      <div className="create-password">
+        <div className="create-password__title">
+          Create Password
+        </div>
+        <input
+          className="first-time-flow__input"
+          type="password"
+          placeholder="New Password (min 8 characters)"
+          onChange={e => this.setState({password: e.target.value})}
+        />
+        <input
+          className="first-time-flow__input create-password__confirm-input"
+          type="password"
+          placeholder="Confirm Password"
+          onChange={e => this.setState({confirmPassword: e.target.value})}
+        />
+        <button
+          className="first-time-flow__button"
+        >
+          Create
+        </button>
+        <a
+          href=""
+          className="first-time-flow__link"
+          onClick={e => e.preventDefault()}
+        >
+          Import an account
+        </a>
+        <div />
       </div>
     )
   }