import { MyIonMetricProvider } from './MyIonMetric';
import { MyIonStoreProvider } from './MyIonStore';
import { AppStateProvider } from './AppState';
import { MyIonQuizProvider } from './MyIonQuiz';
import { MyIonFavoriteProvider } from './MyIonFavorite';

const ContextMeta = ({ children }: { children: React.ReactNode }) => {
  return (
    <>
      <AppStateProvider>
        <MyIonStoreProvider>
          <MyIonFavoriteProvider>
            <MyIonQuizProvider>
              <MyIonMetricProvider>
                {/*  */}
                {children}
              </MyIonMetricProvider>
            </MyIonQuizProvider>
          </MyIonFavoriteProvider>
        </MyIonStoreProvider>
      </AppStateProvider>
    </>
  );
};

export default ContextMeta;
