import { ThemeProvider } from '@tidbcloud/uikit/theme'
import { DynamicEchTheme } from 'uikit/theme/Chart/DynamicEchTheme'

export const UIWrapper: React.FC<React.PropsWithChildren<unknown>> = ({
  children
}) => {
  return (
    <ThemeProvider
      colorScheme="light"
      notifications={{ position: 'top-center', zIndex: 9995 }}
    >
      <DynamicEchTheme>{children}</DynamicEchTheme>
    </ThemeProvider>
  )
}