import React, { PropTypes } from 'react';

const { object } = PropTypes;

const LauncherItem = (props) => {
  const { url, openInNew, imageUrl, label } = props.data;
  return (
    <li className="ih-nav-launcher-item">
      <a
        className="ih-nav-launcher-item-label"
        href={url}
        target={openInNew ? '_blank' : ''}
        rel="noopener noreferrer"
      >
        <div className="ih-nav-launcher-img-cont">
          <img className="ih-nav-launcher-item-img" src={imageUrl} alt="" />
        </div>
        {label ? <div>{label}</div> : <div />}
      </a>
    </li>
  );
};

LauncherItem.propTypes = {
  data: object.isRequired,
};

export default LauncherItem;