update content props

Author: kyleturco

docs/app/Examples/elements/Header/Content/HeaderIconExample.js

@@ -6,9 +6,7 @@ export default class HeaderIconExample extends Component {
     const plug = <i className='plug icon' />;
     return (
       <Header.H2 icon={plug}>
-        <div className='content'>
-          Is Your Electricity Truly Electrifying?
-        </div>
+        Is Your Electricity Truly Electrifying?
       </Header.H2>
     );
   }

docs/app/Examples/elements/Header/Types/HeaderIconHeadersExamples.js

@@ -7,9 +7,9 @@ export default class HeaderIconHeadersExamples extends Component {
     return (
       <Header.H2 className='icon' icon={settings} >
         Account Settings
-        <div className='sub header'>
+        <Header.Subheader>
           Manage your account settings and set e-mail preferences.
-        </div>
+        </Header.Subheader>
       </Header.H2>
     );
   }

src/elements/Header/Subheader.js

@@ -1,6 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import classNames from 'classnames';
 import META from 'src/utils/Meta';
+import getUnhandledProps from 'src/utils/getUnhandledProps';
 
 export default class Subheader extends Component {
   static propTypes = {
@@ -9,7 +10,7 @@ export default class Subheader extends Component {
   };
   static _meta = {
     library: META.library.semanticUI,
-    name: 'Sub',
+    name: 'Subheader',
     type: META.type.element,
   };
   render() {
@@ -19,8 +20,11 @@ export default class Subheader extends Component {
       this.props.className,
       'header',
     );
+
+    const props = getUnhandledProps(this);
+
     return (
-      <div className={classes}>
+      <div {...props} className={classes}>
         {this.props.children}
       </div>
     );

src/elements/Header/_Header.js

@@ -28,12 +28,15 @@ export default class _Header extends Component {
     );
 
     const props = getUnhandledProps(this);
+    const children = this.props.image || this.props.icon
+      ? <div className='content'>{this.props.children}</div>
+      : this.props.children;
 
     return React.createElement(
       this.props._headerElement,
       _.assign({}, props, {className: classes}),
       this.props.image || this.props.icon,
-      this.props.children,
+      children,
     );
   }
 }