From 0f49ee5580f28d78a3c0a634e5fc55db04636906 Mon Sep 17 00:00:00 2001
From: Stephen Grider <ste.grider@gmail.com>
Date: Sun, 15 Mar 2015 14:06:45 -0700
Subject: [PATCH] exploring props - part 2

---
 badge/index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/badge/index.html b/badge/index.html
index eef2bc1..36fca42 100644
--- a/badge/index.html
+++ b/badge/index.html
@@ -10,14 +10,20 @@
   // Define a `class`
   var Badge = React.createClass({
     render: function() {
-      return <button class="btn btn-primary" type="button">
-        Messages <span class="badge">4</span>
+
+      return <button className="btn btn-primary" type="button">
+        {this.props.title} <span className="badge">{this.props.number}</span>
       </button>
     }
   });
 
+  var options = {
+    title: 'Sent',
+    number: 12
+  };
+
   // React, please render this class
-  var element = React.createElement(Badge);
+  var element = React.createElement(Badge, options);
 
   // React, after you render this class, please place it in my body tag
   React.render(element, document.body);