import { FirstEntry } from "./FirstEntry"
import { ResultSettings } from "./ResultSettings"
import { decrementCurrentStep, incrementCurrentStep } from "@root/quizes/actions";
import { Box, Button } from "@mui/material";
import ArrowLeft from "@icons/questionsPage/arrowLeft"

export const ResultPage = () => {
    return (
        <>
            <FirstEntry />
            <ResultSettings />
            <Box sx={{ display: "flex", justifyContent: "flex-start", alignItems: "center", gap: "8px", mt: "30px" }}>
                <Button
                    variant="outlined"
                    sx={{
                        padding: "10px 20px",
                        borderRadius: "8px",
                        height: "44px",
                    }}
                    onClick={decrementCurrentStep}
                >
                    <ArrowLeft />
                </Button>
                <Button
                    onClick={incrementCurrentStep}
                    variant="contained"
                    sx={{
                        backgroundColor: "#7E2AEA",
                        fontSize: "18px",
                        lineHeight: "18px",
                        width: "216px",
                        height: "44px",

                        p: "10px 20px",
                    }}
                >
                    Настроить форму
                </Button>

            </Box>
        </>
    )
}