const thunk = api => `I am a thunk with api: ${api.getState}`


// middlewares -> createStore (function) -> reducer (function)
const applyMiddleware =
      (...middlewares) =>
          (createStore) =>
             (...args) => {
                  const store = { data: createStore.data + 1 }

                  let dispatch = () => 'I am dispatch'

                  const middlewareApi = {
                    getState: store.data,
                    dispatch: (...args) => dispatch(...args)
                  }

                  const chain = middlewares.map(middleware => middleware(middlewareApi))

                  console.log('chain-->', chain)



             }


//applyMiddleware(thunk)({ data: 0.1})('reducer', 'preloadedstate')


const createThunkMiddleware =
       (extraArg) =>
          ({ dispatch, getState}) =>
              next =>
                action => action(dispatch, getState, extraArg)

const _applyMiddleware = (middlewares, createStore, args, ) =>
      `${middlewares} ${createStore} ${args}`