content: 'use strict';
  
  import React from 'react';
  import $ from 'jquery';
  import typed from 'typed';
  
  
  const TypedHeader = React.createClass({
    componentDidMount() {
  
        $('#typed-header').typed({
          typeSpeed: 20,
          startDelay: 1000,
          strings: ['Welcome!^1000', 'A cup of coffee?']
        });
  
      },
      render() {
        return <header className="main-header">
  				<span id="typed-header">{this.props.title}</span>
  			</header>
      }
  });
  
  export default TypedHeader;
  