import * as React from 'react';
import { KnobComponents, KnobDefinition, KnobName, KnobSet } from './types';

export type KnobContextValue = {
  components: KnobComponents;
  knobs: KnobSet;

  registerKnob: (knob: KnobDefinition) => void;
  setKnobValue: (knobName: KnobName, knobValue: any) => void;
  unregisterKnob: (knobName: KnobName) => void;
};

export type LogContextFunctionsValue = {
  appendLog: (value: string) => void;
  clearLog: () => void;
};
export type LogContextItemsValue = string[];

const noop = () => null;

export const KnobContext = React.createContext<KnobContextValue>({
  components: {} as any,
  knobs: {},

  registerKnob: noop,
  setKnobValue: noop,
  unregisterKnob: noop,
});

export const LogContextFunctions = React.createContext<LogContextFunctionsValue>({
  appendLog: noop,
  clearLog: noop,
});
export const LogContextItems = React.createContext<LogContextItemsValue>([]);