import React, { useEffect } from 'react'
import { MTYKDevReactConfig } from './LocalActionSpec'
import { store } from './index'

export function MTYKDev({
  children,
  ...config
}: MTYKDevReactConfig & { children: any }) {
  const { actions } = config
  useEffect(() => {
    actions.forEach((action) => {
      store.addAction(action.id, action.fn)
    })
  }, [JSON.stringify(actions)])

  return <>{children}</>
}