From 5373b7e0d7fe7c9288b35a8110b9290492c03690 Mon Sep 17 00:00:00 2001
From: Robert Dong <dongrobert21.dev@gmail.com>
Date: Thu, 23 Jun 2016 23:58:34 +0800
Subject: [PATCH] ionSLideBox update

---
 src/components/ionSlideBox.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/ionSlideBox.js b/src/components/ionSlideBox.js
index 3aadc35..82c03c2 100644
--- a/src/components/ionSlideBox.js
+++ b/src/components/ionSlideBox.js
@@ -2,7 +2,18 @@ import React from 'react';
 import ReactSlick from 'react-slick';
 
 var IonSlideBox = React.createClass({
+    propTypes: {
+      customClasses: React.PropTypes.string,
+      settings: React.PropTypes.object,
+  },
+  getDefaultProps: function() {
+    return {
+      customClasses: '',
+      settings: {}
+    };
+  },
   render() {
+
     var settings = {
       className: 'ion-slide-box',
       infinite: false,
@@ -12,8 +23,11 @@ var IonSlideBox = React.createClass({
       dotsClass: 'slick-dots slider-pager',
       initialSlide: 0
     };
+    
+    _.extend(settings,this.props.settings);
+    
     return (
-        <ReactSlick {...settings}>
+        <ReactSlick {...settings} className={this.props.customClasses}>
           { this.props.children }
         </ReactSlick>
     );