Completed module

src/QuizQuestion.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react'
+import QuizQuestionButton from './QuizQuestionButton.js'
 
 class QuizQuestion extends Component {
     render (props) {
@@ -9,7 +10,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]}/>
                 </ul>
             </section>
         </main>

src/QuizQuestionButton.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react'
+import QuizQuestion from './QuizQuestion'
+
+class QuizQuestionButton extends Component {
+    render(){
+        return (
+            <li>
+                <button>{this.props.button_text}</button>
+            </li>
+        )
+    }
+}
+
+export default QuizQuestionButton