aligned with established project structure

plop-templates/Component/Component.component.scss.hbs

@@ -0,0 +1,3 @@
+.c-{{pascalCase name}} {
+  
+}

plop-templates/Component/Component.jsx.hbs

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './{{pascalCase name}}.component.scss';
+
+const {{pascalCase name}} = props => {
+  return (
+    <div className='c-{{pascalCase name}}'>
+    </div>
+  );
+};
+
+{{pascalCase name}}.defaultProps = {
+
+};
+
+{{pascalCase name}}.propTypes = {
+
+};
+
+export default {{pascalCase name}};

plop-templates/Component/Component.test.js.hbs

@@ -0,0 +1,8 @@
+import React from 'react';
+import {{pascalCase name}} from './{{pascalCase name}}';
+
+describe('{{pascalCase name}}', () => {
+   it('renders without error', () => {
+
+   });
+});

plop-templates/Component/index.js.hbs

@@ -0,0 +1,3 @@
+import {{pascalCase name}} from './{{pascalCase name}}.jsx';
+
+export default {{pascalCase name}};