/**
*
* {{ properCase name }}
*
*/

import React from 'react';

{{#if wantMessages}}
import { FormattedMessage } from 'react-intl';
import messages from './messages';
{{/if}}

{{#if wantCSS}}
import styles from './styles.scss';
{{/if}}

function {{ properCase name}}() {
  return (
    {{#if wantCSS}}
    <div className={{curly true}}styles.{{ camelCase name }}{{curly}}>
    {{else}}
    <div>
    {{/if}}
    {{#if wantMessages}}
      <FormattedMessage {...messages.header} />
    {{/if}}
    </div>
  );
}

{{ properCase name }}.proptypes = {

};

export default {{ properCase name }};