import { proxy, snapshot, useSnapshot } from 'valtio'

export type SUBSCRIPTION_PANEL_KEYS =
  | undefined
  | 'subscriptionPlan'
  | 'costControl'
  | 'computeInstance'
  | 'pitr'
  | 'customDomain'
  | 'ipv4'

export const subscriptionPageState = proxy({
  panelKey: undefined as SUBSCRIPTION_PANEL_KEYS,
  setPanelKey: (key: SUBSCRIPTION_PANEL_KEYS) => {
    subscriptionPageState.panelKey = key
  },
})

export const getSubscriptionPageStateSnapshot = () => snapshot(subscriptionPageState)

export const useSubscriptionPageStateSnapshot = (options?: Parameters<typeof useSnapshot>[1]) =>
  useSnapshot(subscriptionPageState, options)