Source: input/ToggleThemeMode.js

import React from "react";
import { useThemeModeContext } from "../../_core";

/**
 * Componente que renderiza un switch para establecer el modo oscuro o claro de la app.
 * @name Reactor.Components.Input.ToggleThemeMode
 * @class
 * @example
<toggle_theme_mode/> 
 */

export const ToggleThemeMode = () => {

  const { toggle, isDark } = useThemeModeContext();
  const handleToggle = (event) => {
    event.preventDefault();
    toggle();
  }
  return (
    <div className="form-switch ios-switch switch-green switch-s me-2" onClick={handleToggle}>
      <input type="checkbox" className="ios-input" id="switch-1" checked={isDark} />
      <label className="custom-control-label" for="switch-1"></label>
    </div>
  )

}