import type {PropsWithChildren} from "react"
import {Fragment} from "react"
import {DialogProvider} from "./dialog"
import {NotifyProvider} from "./notify-popup"
import {PageLoaderProvider} from "./page-loader"
import {PopupProvider} from "./popup"

export const UIProvider = ({children}: PropsWithChildren) => (
  <Fragment>
    <NotifyProvider>
      <PageLoaderProvider>
        <DialogProvider>
          <PopupProvider>{children}</PopupProvider>
        </DialogProvider>
      </PageLoaderProvider>
    </NotifyProvider>
  </Fragment>
)