content: import React from 'react'
  import PropTypes from 'prop-types'
  
  const Link = ({ active, children, onClick }) => {
    if (active) {
      return <span>{children}</span>
    }
  
    return (
      <a href="#"
         onClick={e => {
           e.preventDefault()
           onClick()
         }}
      >
        {children}
      </a>
    )
  }
  
  Link.propTypes = {
    active: PropTypes.bool.isRequired,
    children: PropTypes.node.isRequired,
    onClick: PropTypes.func.isRequired
  }
  
  export default Link
  