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;