text: var React = require('react'),
  	vkey = require('vkey');
  
  var AltText = React.createClass({
  	
  	displayName: 'AltText',
  	
  	getDefaultProps: function() {
  		return {
  			component: 'span',
  			modifier: '<alt>',
  			normal: '',
  			modified: ''
  		};
  	},
  	
  	getInitialState: function() {
  		return {
  			modified: false
  		};
  	},
  	
  	componentDidMount: function() {
  		document.body.addEventListener('keydown', this.handleKeyDown, false);
  		document.body.addEventListener('keyup', this.handleKeyUp, false);
  	},
  	
  	handleKeyDown: function(e) {
  		if (vkey[e.keyCode] !== this.props.modifier) return;
  		this.setState({
  			modified: true
  		});
  	},
  	
  	handleKeyUp: function(e) {
  		if (vkey[e.keyCode] !== this.props.modifier) return;
  		this.setState({
  			modified: false
  		});
  	},
  	
  	componentWillUnmount: function() {
  		document.body.removeEventListener('keydown', this.handleKeyDown);
  		document.body.removeEventListener('keyup', this.handleKeyUp);
  	},
  	
  	render: function() {
  		return React.createElement(this.props.component, null, this.state.modified ? this.props.modified : this.props.normal);
  	}
  	
  });
  
  module.exports = AltText;
  