From f421c003588f82b9b3f941193f885fe7db562b21 Mon Sep 17 00:00:00 2001
From: jerryhxu <jerryhxu@yahoo.com>
Date: Tue, 8 Jan 2019 23:43:46 -0500
Subject: [PATCH] QuizQuestionButton

---
 src/QuizQuestion.js       |  3 ++-
 src/QuizQuestionButton.js | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 src/QuizQuestionButton.js

diff --git a/src/QuizQuestion.js b/src/QuizQuestion.js
index 111daa4d30..8c34d26a64 100644
--- a/src/QuizQuestion.js
+++ b/src/QuizQuestion.js
@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import QuizQuestionButton from './QuizQuestionButton.js'
 
 class QuizQuestion extends Component {
 
@@ -10,7 +11,7 @@ class QuizQuestion extends Component {
                </section>
                <section className="buttons">
                  <ul>
-                   <li>{this.props.quiz_question.answer_options[0]}</li>
+                     <QuizQuestionButton button_text={this.props.quiz_question.answer_options[0]}></QuizQuestionButton>
                  </ul>
                </section>
              </main>
diff --git a/src/QuizQuestionButton.js b/src/QuizQuestionButton.js
new file mode 100644
index 0000000000..d5d9c01cd9
--- /dev/null
+++ b/src/QuizQuestionButton.js
@@ -0,0 +1,13 @@
+import React, { Component } from 'react'
+
+class QuizQuestionButton extends Component {
+
+    render(){
+        return (
+               <li><button>{this.props.button_text}</button></li>
+            )
+        
+    }
+}
+
+export default QuizQuestionButton
\ No newline at end of file