import { IntlProvider } from './IntlProvider';
import { QueryProvider } from './QueryProvider';
import { DeviceIdProvider } from './DeviceIdProvider';
import ProgressBar from './ProgressBar';

interface ProvidersProps {
  children: React.ReactNode;
}

export function Providers({ children }: ProvidersProps) {
  return (
    <DeviceIdProvider>
      <IntlProvider>
        <ProgressBar>
          <QueryProvider>{children}</QueryProvider>
        </ProgressBar>
      </IntlProvider>
    </DeviceIdProvider>
  );
}
