import React from 'react';
import PropTypes from 'prop-types';

const Well = props => {
    return (
        <div className={`well ${props.className}`}>
            <span className="well-icon">
                <i className={`fa fa-${props.icon}`} />
            </span>
            <span className="operation-amount">{props.content}</span>
            <br />
            <span className="well-title">{props.title}</span>
            <br />
            <span className="well-sub">{props.subtitle}</span>
        </div>
    );
};

Well.propTypes = {
    // The CSS class to be applied to the well.
    className: PropTypes.string.isRequired,

    // The icon name to be added in the well.
    icon: PropTypes.string.isRequired,

    // The content to be displayed.
    content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,

    // The title of the well.
    title: PropTypes.string.isRequired,

    // The subtitle of the well.
    subtitle: PropTypes.string.isRequired
};

export default Well;

import React from 'react';

import { assertHas } from '../../helpers';

export default props => {
    assertHas(props, 'className');
    assertHas(props, 'icon');
    assertHas(props, 'title');
    assertHas(props, 'subtitle');
    assertHas(props, 'content');

    return (
        <div className={`well ${props.className}`}>
            <span className="well-icon">
                <i className={`fa fa-${props.icon}`} />
            </span>
            <span className="operation-amount">{props.content}</span>
            <br />
            <span className="well-title">{props.title}</span>
            <br />
            <span className="well-sub">{props.subtitle}</span>
        </div>
    );
};

--- 
+++ 
@@ -1,7 +1,14 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
-const Well = props => {
+import { assertHas } from '../../helpers';
+
+export default props => {
+    assertHas(props, 'className');
+    assertHas(props, 'icon');
+    assertHas(props, 'title');
+    assertHas(props, 'subtitle');
+    assertHas(props, 'content');
+
     return (
         <div className={`well ${props.className}`}>
             <span className="well-icon">
@@ -15,22 +22,3 @@
         </div>
     );
 };
-
-Well.propTypes = {
-    // The CSS class to be applied to the well.
-    className: PropTypes.string.isRequired,
-
-    // The icon name to be added in the well.
-    icon: PropTypes.string.isRequired,
-
-    // The content to be displayed.
-    content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-
-    // The title of the well.
-    title: PropTypes.string.isRequired,
-
-    // The subtitle of the well.
-    subtitle: PropTypes.string.isRequired
-};
-
-export default Well;
Use PropTypes prop verification for well component.
