text: /*import React, { useState, useContext } from 'react';
  import ColorScheme from 'color-scheme'
  import {startingColors} from '../constants/colors'
  
  const ColorContext = React.createContext()
  
  const ColorProvider = ({children}) => {
    const scheme = new ColorScheme()
    const [colorList, setColorList] = useState((startingColors))
  
    const updateSingleColor = (id) => {
      let tmpColors = [...colorList].map((item)=>{
        if(item.id === id){
          return {...item, active:!item.active}
        }else{
          return item
        }
      })
      setColorList((prev)=>{
        return tmpColors
      },
        console.log()
      )
    }
  
  
    const mapThroughColors = (clrs) =>{
      return clrs.map((clr, idx)=>{
        const oldColor = colorList.find(item => item.id === idx)
        if(oldColor && oldColor.active){
          return oldColor
        }else{
          return {hex:clr, id: idx, active: false}
        }
      })
    }
  
    const updateColorList = async (hue=224, schName='triade', variation='soft'
    )=>{
      try{
        scheme.from_hue(hue)
          .scheme(schName).variation(variation)
        let colors = scheme.colors()
        let mpClr = mapThroughColors(colors)
        setColorList((prev)=>{ return mpClr })
      }catch(err){
        console.log(err)
      }
    }
  
    return (
      <ColorContext.Provider
        value={{
          updateSingleColor,
          scheme,
          colorList,
          updateColorList,
        }}>{children}
      </ColorContext.Provider>
    )
  }
  
  export const useColorContext = () => {
    return useContext(ColorContext);
  };
  
  export { ColorContext, ColorProvider };
  
  
  
  //var xyz=colors.map((clr, idx) =>{return {hex: clr,id: idx}})*/
  