/**
 * React component for {{spinalcase name}}.
 * @class {{pascalcase name}}
 *
 * Generated by {{generator}} on {{today}},
 * from a template provided by {{ pkg.name }}.
 *
 * @see https://facebook.github.io/react/
 */

'use strict'

import React, {PropTypes as types} from 'react'
import classnames from 'classnames'
import {ApLocaleMixin} from 'apeman-react-mixins'
import defineDebug from 'debug'

import mixins from '{{base}}/../mixins'

const debug = defineDebug('project:react:{{spinalcase name}}')

/** @lends {{pascalcase name}} */
let {{pascalcase name}} = React.createClass({

  // --------------------
  // Specs
  // --------------------

  propTypes: {
  },

  mixins: [
    ApLocaleMixin
  ],

  statics: {},

  getInitialState () {
    return {}
  },

  getDefaultProps () {
    return {}
  },

  render () {
    const s = this
    let {state, props} = s

    let l = s.getLocale()

    return (
      <div className={ classnames('{{spinalcase name}}', props.className) }>

      </div>
    )
  },

  // --------------------
  // Lifecycle
  // --------------------

  componentWillMount () {
    const s = this
  },

  componentDidMount () {
    const s = this
  },

  componentWillReceiveProps (nextProps) {
    const s = this
  },

  shouldComponentUpdate (nextProps, nextState) {
    const s = this
    return true
  },

  componentWillUpdate (nextProps, nextState) {
    const s = this
  },

  componentDidUpdate (prevProps, prevState) {
    const s = this
  },

  componentWillUnmount () {
    const s = this
  }

  // ------------------
  // Custom
  // ------------------

  // ------------------
  // Private
  // ------------------
})

export default {{pascalcase name}}