import React from 'react';

import {BrowserFeaturesProvider} from './useBrowserFeature';
import {EntryStateProvider} from '../entryState';
import {LocaleProvider} from './i18n';
import {FocusOutlineProvider} from './focusOutline';
import {PhonePlatformProvider} from './PhonePlatformProvider';
import {MediaMutedProvider} from './useMediaMuted';
import {AudioFocusProvider} from './useAudioFocus';

export function RootProviders({seed, children}) {
  return (
    <FocusOutlineProvider>
      <BrowserFeaturesProvider>
        <PhonePlatformProvider>
          <MediaMutedProvider>
            <AudioFocusProvider>
              <EntryStateProvider seed={seed}>
                <LocaleProvider>
                  {children}
                </LocaleProvider>
              </EntryStateProvider>
            </AudioFocusProvider>
          </MediaMutedProvider>
        </PhonePlatformProvider>
      </BrowserFeaturesProvider>
    </FocusOutlineProvider>
  );
}

@@ -136,47 +136,8 @@
 e';%0A
-import %7BLocaleProvider%7D from './i18n';%0A
 impo
@@ -181,24 +181,63 @@
 usOutline';%0A
+import %7BLocaleProvider%7D from './i18n';%0A
 import %7BPhon
@@ -390,16 +390,87 @@
 oFocus';
+%0Aimport %7BThirdPartyConsentProvider%7D from './ThirdPartyConsentProvider';
 %0A%0Aexport
@@ -781,18 +781,113 @@
     
-%7Bchildren%7D
+%3CThirdPartyConsentProvider%3E%0A                    %7Bchildren%7D%0A                  %3C/ThirdPartyConsentProvider%3E
 %0A   

Add consent context provider to root providers