Toggle.js

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import './toggle.css';



export const Toggle = ({ darkMode, toggleDarkMode }) => {

  return (
    <span id='dark_mode_toggle'>
      <FontAwesomeIcon
        icon={
          darkMode ?
            'sun' :
            'moon'
        }
        onClick={() => toggleDarkMode(!darkMode)}
        aria-label={darkMode ? 'Toggle dark mode off ': 'Toggle dark mode on'} />
    </span>
  );
};