Merge 1b50a1e into b715b6c

.eslintrc.js

@@ -14,5 +14,6 @@ module.exports = {
   plugins: ['react'],
   rules: {
     'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
+    'react/require-default-props': 0,
   },
 };

package.json

@@ -21,17 +21,20 @@
   },
   "homepage": "https://github.com/andela/freyja-ah-frontend#readme",
   "dependencies": {
+    "classnames": "^2.2.6",
     "clean-webpack-plugin": "^3.0.0",
+    "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.12.1",
     "history": "^4.9.0",
     "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.7.0",
+    "prop-types": "^15.7.2",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-router": "^5.0.1",
     "react-router-dom": "^5.0.1",
-    "enzyme": "^3.9.0",
-    "enzyme-adapter-react-16": "^1.12.1",
     "react-router-redux": "^4.0.8",
+    "reactstrap": "^8.0.0",
     "redux": "^4.0.1",
     "redux-thunk": "^2.3.0",
     "uglifyjs-webpack-plugin": "^2.1.3",

src/components/inputs/exampleForm.js

@@ -0,0 +1,16 @@
+import React, { Fragment } from 'react';
+import { FormGroup, Input } from 'reactstrap';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import InputField from './input';
+import './inputs.scss';
+
+const exampleForm = () => (
+  <Fragment>
+    <form className="example">
+      <InputField type="text" placeholder="Last name" name="lastName" />
+    </form>
+  </Fragment>
+);
+
+export default exampleForm;