scaffold Statistic and Statistics components

Author: levithomason

src/views/Statistic/Statistic.js

@@ -0,0 +1,40 @@
+import React, {Component, PropTypes} from 'react';
+import classNames from 'classnames';
+import getUnhandledProps from 'src/utils/getUnhandledProps';
+import META from 'src/utils/Meta';
+
+export default class Statistic extends Component {
+  static propTypes = {
+    className: PropTypes.string,
+    label: PropTypes.node,
+    value: PropTypes.node,
+  };
+
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Statistics',
+    type: META.type.view,
+    parent: 'Statistic'
+  };
+
+  render() {
+    const classes = classNames(
+      'ui',
+      this.props.className,
+      'statistic',
+    );
+
+    const props = getUnhandledProps(this);
+
+    return (
+      <div {...props} className={classes}>
+        <div className='value'>
+          {this.props.value}
+        </div>
+        <div className='label'>
+          {this.props.label}
+        </div>
+      </div>
+    );
+  }
+}

src/views/Statistic/Statistics.js

@@ -0,0 +1,31 @@
+import React, {Component, PropTypes} from 'react';
+import classNames from 'classnames';
+import META from 'src/utils/Meta';
+
+export default class Statistics extends Component {
+  static propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+  };
+
+  static _meta = {
+    library: META.library.semanticUI,
+    name: 'Statistics',
+    type: META.type.view,
+    parent: 'Statistic'
+  };
+
+  render() {
+    const classes = classNames(
+      'sd-buttons',
+      'ui',
+      this.props.className,
+      'buttons'
+    );
+    return (
+      <div {...this.props} className={classes}>
+        {this.props.children}
+      </div>
+    );
+  }
+}