content: import styles from './Footer.less';
  
  import React from 'react';
  
  export default function Footer() {
    return (
      <footer className={styles.container}>
        <div className={styles.innerContainer}>
          <div className={styles.broughtToYouContainer}>
            <h3 className={styles.contentHeader}>
              Brought to you by
            </h3>
            <p className={styles.content}>
              <a
                className={styles.link}
                target="_blank"
                rel="noopener noreferrer"
                href="https://twitter.com/moroshko"
                data-link-name="Footer - Misha Moroshko"
              >
                <img
                  className={styles.image}
                  src="https://www.gravatar.com/avatar/7ee5d55919c272eddef98dbe16f5cb09?s=54"
                  alt=""
                  role="presentation"
                />
                <span className={styles.linkText}>Misha Moroshko</span>
              </a>
            </p>
            <p className={styles.content}>
              <a
                className={styles.link}
                target="_blank"
                rel="noopener noreferrer"
                href="https://twitter.com/vedranio"
                data-link-name="Footer - Vedran Arnautovic"
              >
                <img
                  className={styles.image}
                  src="https://www.gravatar.com/avatar/6fa8f8433861ca68ed44cc79001554d6?s=54"
                  alt=""
                  role="presentation"
                />
                <span className={styles.linkText}>Vedran Arnautovic</span>
              </a>
            </p>
          </div>
          <div className={styles.haveFeatureIdeasContainer}>
            <h3 className={styles.contentHeader}>
              Have feature ideas?
            </h3>
            <p className={styles.content}>
              <a
                className={styles.link}
                target="_blank"
                rel="noopener noreferrer"
                href="https://accessible-colors.herokuapp.com"
                data-link-name="Footer - Chat to us on Slack"
              >
                <span className={styles.icon + ' icon-circle-slack'} />
                <span className={styles.linkText}>Chat to us on Slack</span>
              </a>
            </p>
          </div>
        </div>
      </footer>
    );
  }
  