/ Code imported from 'Coder v1'
// Legacy components that we can re-use
import { CoderThemeProvider } from "@v1/product/coder/site/src/contexts/CoderThemeProvider"
import { UserContext, defaultAppState } from "@v1/product/coder/site/src/contexts/User"
import { SetupModeProvider } from "@v1/product/coder/site/src/contexts/SetupMode"

// A fun component to bring in as an example of re-using UI from 'v1':
import { ConfettiTransition } from "@v1/product/coder/site/src/pages/Onboarding/Activation/ConfettiTransition"

const renderLegacyComponent = (component: JSX.Element) => {
  const fetchSetupMode = async () => {
    // Return an empty response for 'setup mode'
    return {
      body: null
    } as any;
  }

  return <UserContext.Provider value={defaultAppState}>
    <SetupModeProvider fetchSetupMode={fetchSetupMode}>
      <CoderThemeProvider>
        {component}
      </CoderThemeProvider>
    </SetupModeProvider>
  </UserContext.Provider>
}