1  import React from 'react';
 2  import AnchorLink from 'react-anchor-link-smooth-scroll';
 3  import { PropTypes } from 'prop-types';
 4  import Data from '../../data/archives/topics';
 5  import './style.scss';
 6  
 7  const TopicsList = props => (
 8    <div className="topics-list">
 9      <h4>Topics</h4>
10      <ul>
11        {
12          Data.map(topic => (
13            <li key={topic}>
14              <AnchorLink href="#browse" onClick={props.setSearchTerm}>{ topic }</AnchorLink>
15            </li>
16          ))
17        }
18      </ul>
19    </div>
20  );
21  
22  TopicsList.propTypes = {
23    setSearchTerm: PropTypes.func.isRequired,
24  };
25  
26  export default TopicsList;