UserStatus.js

export default function UserStatus({
  setShowUserStatus,
  selectedUser,
  userStatus,
}) {
  return (
    <div className="bg-modal" style={{ display: "flex" }}>
      <div className="modal-content users-list">
        <div
          className="users_list_close_btn"
          onClick={() => setShowUserStatus(false)}
        >
          +
        </div>

        <h3 id="user_status_title">Users online status</h3>
        <h5 id="user_status">
          {selectedUser.nickname} is {userStatus}
        </h5>
      </div>
    </div>
  );
}