import {Button, useTheme} from "@mui/material";
import { quizThemes } from "@utils/themes/Publication/themePublication";
import { useQuizData } from "@contexts/QuizDataContext";

interface Props{
    isNextButtonEnabled: boolean,
    moveToNextQuestion: () => void,
}

export default function NextButton ({isNextButtonEnabled, moveToNextQuestion}: Props) {
    const theme = useTheme();
    const { settings } = useQuizData();
    return(
        <Button
            disabled={!isNextButtonEnabled}
            variant="contained"
            sx={{
                fontSize: "16px",
                padding: "10px 15px",
                "&:disabled": {
                    background: quizThemes[settings.cfg.theme].isLight ? "#F2F3F7" : "#FFFFFF26"
                },
            }}
            onClick={moveToNextQuestion}
        >
            Далее →
        </Button>
    )}