import { QuizDataContext } from "@contexts/QuizDataContext";
import { QuizSettings } from "@model/settingsData";
import { CssBaseline, ThemeProvider } from "@mui/material";
import { LocalizationProvider } from "@mui/x-date-pickers";
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
import { ruRU } from '@mui/x-date-pickers/locales';
import { handleComponentError } from "@utils/handleComponentError";
import lightTheme from "@utils/themes/light";
import moment from "moment";
import { SnackbarProvider } from 'notistack';
import { ErrorBoundary } from "react-error-boundary";
import { ApologyPage } from "./ViewPublicationPage/ApologyPage";
import ViewPublicationPage from "./ViewPublicationPage/ViewPublicationPage";


moment.locale("ru");
const localeText = ruRU.components.MuiLocalizationProvider.defaultProps.localeText;

type Props = {
    quizSettings: QuizSettings;
    quizId: string;
    preview?: boolean;
};

export default function QuizAnswerer({ quizSettings, quizId, preview = false }: Props) {

    return (
        <QuizDataContext.Provider value={{ ...quizSettings, quizId, preview }}>
            <LocalizationProvider dateAdapter={AdapterMoment} adapterLocale="ru" localeText={localeText}>
                <ThemeProvider theme={lightTheme}>
                    <SnackbarProvider
                        preventDuplicate={true}
                        style={{ backgroundColor: lightTheme.palette.brightPurple.main }}
                    >
                        <CssBaseline />
                        <ErrorBoundary
                            FallbackComponent={ApologyPage}
                            onError={handleComponentError}
                        >
                            <ViewPublicationPage />
                        </ErrorBoundary>
                    </SnackbarProvider>
                </ThemeProvider>
            </LocalizationProvider>
        </QuizDataContext.Provider>
    );
}