Function ThemeUIProvider

packages/theme-provider/src/index.tsx:45–58

({ theme, children }: ThemeProviderProps)

}

export const ThemeUIProvider = ({ theme, children }: ThemeProviderProps) => {
  const outer = useThemeUI()

  const isTopLevel = outer === __themeUiDefaultContextValue

  return (
    <CoreProvider theme={theme}>
      <ColorModeProvider>
        {isTopLevel && <RootStyles />}
        {children}
      </ColorModeProvider>
    </CoreProvider>
  )
}

/** @deprecated ThemeProvider is now called ThemeUIProvider to reduce confusion with Emotion */
export const ThemeProvider: React.FC<ThemeProviderProps> = ({