import { find } from '@mtyk/dev-client'
import { BaseActionSpec } from '@mtyk/dev-core'
import { ArraySelectionStore } from '@mtyk/frontend/mobx/controllers'
import createMobxStore from '@mtyk/frontend/mobx/helpers/createMobxStore'

export const store = new (createMobxStore(
  class ActionStore {
    query = ''
    actionBrowserOpen = false
    setActionBrowserOpen = (actionBrowserOpen: boolean) => {
      this.actionBrowserOpen = actionBrowserOpen
    }
    results = new ArraySelectionStore<BaseActionSpec>()
    setQuery = async (query: string) => {
      this.query = query
      const results = await find({ query })
      this.results.items = results
    }
  }
))()