import React from 'react';
import PropTypes from 'prop-types';
import styles from './Banner.less';

export default class Banner extends React.Component {
  static propTypes = {
    imageUrl: PropTypes.string.isRequired,
    text: PropTypes.arrayOf(PropTypes.string).isRequired,
    linkText: PropTypes.string,
    url: PropTypes.string,
  };

  render() {
    return <div className={styles.root}>
      <div className={styles.image}>
        <img src={this.props.imageUrl} alt="Image"/>
      </div>
      <div className={styles.text}>
        {this.props.text.map((line, idx) => <div key={idx}>{line}</div>)}
      </div>
      {this.props.linkText && <div className={styles.link}>
        {this.props.linkText}
      </div>}
    </div>
  }
}