Catalyst Component Creation
===========================

In `src/components`, create a folder that matches your class, then copy and rename `GenericComponent.jsx` into it.
```bash
mkdir src/components/YourComponent
```
Change `GenericComponent` in your `.jsx` file
```javascript
export default class GenericComponent extends Component
to
export default class YourComponent extends Component
```
In `src/index.js`, add your component to the export
```javascript
YourComponent: require('./components/YourComponent/YourComponent').default,
```
In `demo/providers`, copy and rename `GenericComponentProvider.jsx`

Change instances of `GenericComponent` to `YourComponent` in that file
```javascript
...
import { GenericComponent } from '../../src/index';

const GenericComponentProvider = () => (
    // code here
);
GenericComponentProvider.displayName = 'Generic Component';
export default GenericComponentProvider;
```
to

```javascript
...
import { YourComponent } from '../../src/index';

const YourComponentProvider = () => (
    //code here
);
YourComponentProvider.displayName = 'Your Component';
export default YourComponentProvider;
```

In `src/components` open `index.js`, import your component and add it to the module.exports array.
```javascript
import YourComponentProvider from './YourComponentProvider';
module.exports = [
    ...
    YourComponentProvider,
];
```
Navigate to the base directory, run `npm start`, and navigate your browser to `http://localhost:3000`.