import { writable } from "svelte/store"

export function createBannerStore() {
  const DEFAULT_CONFIG = {}

  const banner = writable(DEFAULT_CONFIG)

  const show = async (
    // eslint-disable-next-line
    config = { message, type, extraButtonText, extraButtonAction, onChange }
  ) => {
    banner.update(store => {
      return {
        ...store,
        ...config,
      }
    })
  }

  const showStatus = async () => {
    const config = {
      message: "Some systems are experiencing issues",
      type: "negative",
      extraButtonText: "View Status",
      extraButtonAction: () => window.open("https://status.budibase.com/"),
    }

    await show(config)
  }

  return {
    subscribe: banner.subscribe,
    showStatus,
  }
}

export const banner = createBannerStore()