Function SettingsProvider

packages/dev/s2-docs/src/SettingsProvider.tsx:95–110

({children}: SettingsProviderProps)

}

export function SettingsProvider({children}: SettingsProviderProps) {
  let {colorScheme, toggleColorScheme, systemColorScheme, providerColorScheme} = useSettingsState();

  return (
    <SettingsContext.Provider
      value={{
        colorScheme,
        toggleColorScheme,
        systemColorScheme
      }}>
      <Provider colorScheme={providerColorScheme} background="layer-1">
        {children}
      </Provider>
    </SettingsContext.Provider>
  );
}