import React, { useContext } from "react";

export const BackgroundContext = React.createContext<string | null>(null);
export function useBackgroundColor() {
  const color = useContext(BackgroundContext);
  if (!color) {
    throw new Error("Ensure touchable is children of a Box component that has a defined background color");
  }
  return color;
}