text: import React from "react";
  import styles from "./style.scss";
  
  const Footer = (props, context) => (
    <footer className={styles.footer}>
      <div className={styles.column}>
        <nav className={styles.nav}>
          <ul className={styles.list}>
            <li className={styles.listItem}>About Us</li>
            <li className={styles.listItem}>Support</li>
            <li className={styles.listItem}>Blog</li>
            <li className={styles.listItem}>Press</li>
            <li className={styles.listItem}>API</li>
            <li className={styles.listItem}>Jobs</li>
            <li className={styles.listItem}>Privacy</li>
            <li className={styles.listItem}>Terms</li>
            <li className={styles.listItem}>Directory</li>
            <li className={styles.listItem}>Language</li>
          </ul>
        </nav>
      </div>
      <div className={styles.column}>
        <span className={styles.copyright}>© 2018 Sophistagram</span>
      </div>
    </footer>
  );
  
  export default Footer;