import { ConfigProvider } from 'antd';
import React from 'react';
import { ToastProvider } from './ToastContext';
import { BreakpointProvider } from './BreakPointContext';
import theme from '@/theme/themeConfig';

type GroupContextProviderProps = {
  children: React.ReactNode;
};

const GroupContextProvider = ({ children }: GroupContextProviderProps) => {
  return (
    <ConfigProvider theme={theme}>
      <ToastProvider>
        <BreakpointProvider>
        {children}
        </BreakpointProvider>
      </ToastProvider>
    </ConfigProvider>
  );
};

export default GroupContextProvider;
