feat(expand-animation): render a specified class name to the animated content

Author: ggkrustev

src/Expand.jsx

@@ -17,6 +17,7 @@ export default class Expand extends React.Component {
         ]),
         className: React.PropTypes.string,
         collapseDuration: React.PropTypes.number,
+        componentChildClassName: React.PropTypes.string,
         componentDidExpand: React.PropTypes.func,
         componentWillExpand: React.PropTypes.func,
         expandDuration: React.PropTypes.number,

src/ExpandChild.jsx

@@ -12,6 +12,7 @@ export default class ExpandChild extends React.Component {
             React.PropTypes.node
         ]),
         collapseDuration: React.PropTypes.number,
+        componentChildClassName: React.PropTypes.string,
         componentDidExpand: React.PropTypes.func,
         componentWillExpand: React.PropTypes.func,
         expandDuration: React.PropTypes.number
@@ -128,7 +129,7 @@ export default class ExpandChild extends React.Component {
 
     render() {
         return (
-            <div style={this.state.style}>
+            <div classNames={this.props.componentChildClassName} style={this.state.style}>
                 {this.props.children}
             </div>
         );