Source: input/ThemeSelector.js

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

/**
 * Componente que renderiza un boton selector de tema
 * @name Reactor.Components.Input.ThemeSelector
 * @param {string} highlight Nombre del tema. Debe existir el archivo css en la carpeta styles/highlights/{nombre_del_tema}.css
 * @class
 * @example
<theme_selector highlight="green"/>
 */
export const ThemeSelector = ({highlight}) => {
  const { selectTheme } = useThemeSelectorContext();
  const handleClick = () => {
    selectTheme(highlight);
  }
  return <button onClick={handleClick} className={`icon gradient-${highlight} shadow-bg shadow-bg-xs rounded-s`}></button>;
}