medium_p7_c2

PainterContext.js

import React from "react";

// define list of colors
export const colors = [
  { name: "white", hex: "#fff" },
  { name: "black", hex: "#000" },
  { name: "red", hex: "#ff0000" },
  { name: "green", hex: "#00ff00" },
  { name: "blue", hex: "#0000ff" },
  { name: "pink", hex: "#ffa6c9" },
  { name: "yellow", hex: "#ffff00" },
  { name: "brown", hex: "#a52a2a" },
  { name: "light blue", hex: "#add8e6" },
  { name: "purple", hex: "#9370db" }
];

// create painter context
// make the first color its default value
export const PainterContext = React.createContext();