import { createDiscreteApi } from 'naive-ui'
import { configProviderProps } from './theme.ts'

const { message, notification, dialog, loadingBar, modal } = createDiscreteApi(
  ['message', 'dialog', 'notification', 'loadingBar', 'modal'],
  {
    configProviderProps: configProviderProps,
    notificationProviderProps: {
      placement: 'bottom-right',
      max: 3
    }
  }
)

export const { messageApi, notificationApi, dialogApi, loadingBarApi, modalApi } = {
  messageApi: message,
  notificationApi: notification,
  dialogApi: dialog,
  loadingBarApi: loadingBar,
  modalApi: modal
}