// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

import React, { Component, PropTypes } from 'react';

const CLASS_ROOT = "attribute";

export default class Attribute extends Component {
  render() {
    var classes = [CLASS_ROOT];
    return (
      <div className={classes.join(' ')}>
        <label className={CLASS_ROOT + "__label"}>
          {this.props.label}
        </label>
        <span className={CLASS_ROOT + "__contents"}>
          {this.props.children}
        </span>
      </div>
    );
  }
}

Attribute.propTypes = {
  label: PropTypes.string
};

@@ -82,19 +82,8 @@
 t, %7B
- Component,
  Pro
@@ -125,17 +125,17 @@
 _ROOT = 
-%22
+'
 attribut
@@ -139,171 +139,92 @@
 bute
-%22;%0A%0Aexport default class Attribute extends Component %7B%0A  render() %7B%0A    var classes = %5BCLASS_ROOT%5D;%0A    return (%0A      %3Cdiv className=%7Bclasses.join(' ')%7D%3E%0A   
+';%0A%0Aconst Attribute = (%7B label, children %7D) =%3E (%0A  %3Cdiv className=%7BCLASS_ROOT%7D%3E%0A
     
- 
 %3Clab
@@ -229,32 +229,35 @@
 abel className=%7B
+%60$%7B
 CLASS_ROOT + %22__
@@ -254,20 +254,17 @@
 ROOT
- + %22
+%7D
 __label
-%22
+%60
 %7D%3E%0A 
@@ -268,32 +268,17 @@
 %3E%0A      
-    %7Bthis.props.
+%7B
 label%7D%0A 
@@ -280,20 +280,16 @@
 el%7D%0A    
-    
 %3C/label%3E
@@ -289,20 +289,16 @@
 /label%3E%0A
-    
     %3Cspa
@@ -302,32 +302,35 @@
 span className=%7B
+%60$%7B
 CLASS_ROOT + %22__
@@ -327,12 +327,9 @@
 ROOT
- + %22
+%7D
 __co
@@ -338,9 +338,9 @@
 ents
-%22
+%60
 %7D%3E%0A 
@@ -348,24 +348,9 @@
     
-    %7Bthis.props.
+%7B
 chil
@@ -355,20 +355,16 @@
 ildren%7D%0A
-    
     %3C/sp
@@ -367,20 +367,16 @@
 %3C/span%3E%0A
-    
   %3C/div%3E
@@ -380,20 +380,10 @@
 iv%3E%0A
-    );%0A  %7D%0A%7D
+);
 %0A%0AAt
@@ -433,8 +433,35 @@
 ring%0A%7D;%0A
+%0Aexport default Attribute;%0A

Convert Attribute to a stateless function