import PropTypes from 'prop-types'
import React from 'react'
import FontAwesome from 'react-fontawesome'
import { Link } from 'react-router-dom'

const LogoutButton = ({ onLogout }) => (
    <Link className="logout nav-link" title="Sign out" to="#" onClick={onLogout}>
        <FontAwesome name="power-off" size="lg"/>
    </Link>
)

LogoutButton.propTypes = {
    onLogout: PropTypes.func.isRequired,
}

export default LogoutButton