import React, { Component, PropTypes } from 'react';

export default class Link extends Component {

	// TODO -- Prop Validations
	static propTypes = {
		// className: PropTypes.string,
		href: PropTypes.string,
		target: PropTypes.string,
		onClick: PropTypes.func,
		disabled: PropTypes.bool
	};

	constructor(props) {
		super(props);
		this.handleClick = this.handleClick.bind(this);
	}

	handleClick = (e) => {
		// if target is set (e.g. to "_blank"), let the browser handle it
		if (this.props.target || (this.props.href && this.props.href.indexOf('mailto:') === 0)) {
			return;
		}
		// if not a left click or is a special click, let the browser handle it
		if (e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) {
			return;
		}

		e.preventDefault();
		if (this.props.onClick && !this.props.disabled) {
			this.props.onClick(this.props.href);
		}
	};

	render() {
		const p = Object.keys(this.props).reduce((prev, key) => { // Strips certain invalid attrs for `a` tag
			if (key !== 'text') {
				return {
					...prev,
					[key]: this.props[key]
				};
			}
			return prev;
		}, {});

		return (
			<a
				{...p}
				href={p.href}
				className={`link ${p.className || ''}`}
				onClick={this.handleClick}
			>
				{p.children}
			</a>
		);
	}
}