text: 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
  
  
  