text: import React from 'react';
  import PropTypes from 'prop-types';
  import { Moon, Sun } from 'react-feather';
  import withDarkMode from './withDarkMode';
  
  const DarkModeToggle = ({ darkMode, className }) => {
    return (
      <div className={`dark-mode-toggle ${className}`}>
        {darkMode.value ? (
          <Sun
            size={15}
            color={darkMode.value ? `#CEDEDE` : `#000d0d`}
            onClick={darkMode.disable}
          />
        ) : (
          <Moon
            size={15}
            color={darkMode.value ? `#CEDEDE` : `#000d0d`}
            onClick={darkMode.enable}
          />
        )}
      </div>
    );
  };
  DarkModeToggle.propTypes = {
    darkMode: PropTypes.object,
    className: PropTypes.string
  };
  
  export default withDarkMode(DarkModeToggle);
  