text: import React, { createContext, useState } from 'react'
  
  const ColorContext = createContext()
  
  function ColorProvider({ children }) {
      const [colors, setColors] = useState([])
  
      return (
          <ColorContext.Provider value={{ colors, setColors }} >
              {children}
          </ColorContext.Provider>
      )
  }
  
  export { ColorProvider, ColorContext }