import { Box, Button, TextField, Typography } from '@mui/material';
import { IRegisterProps } from '@/components/layout/landing-layout/header/components/IRegisterModal';
import MCodeInput from '@/components/common/MComponents/MCodeInput';
import React from 'react';

export function IRegisterFourthStep({ formDataChanging, formData, dataErrors }: IRegisterProps) {
    return (
        <Box display={'flex'} flexDirection={'column'} gap={3}>
            {/*<Typography variant='body1' mb={2}>*/}
            {/*    Iltimos, SMS orqali yuborilgan 4 xonali kodni kiriting:*/}
            {/*</Typography>*/}

            {/*<MCodeInput clearError={clearCodesError} isError={inputErrors.code} onCodeChange={setVerificationCode} />*/}

            {/*<Box sx={{ mt: 3 }} display='flex' justifyContent={'end'} gap={2}>*/}
            {/*    <Button variant='outlined' onClick={handleBack}>*/}
            {/*        Orqaga*/}
            {/*    </Button>*/}

            {/*    <Button variant='contained' color='primary' onClick={handleVerifyCode}>*/}
            {/*        Tasdiqlash*/}
            {/*    </Button>*/}
            {/*</Box>*/}
        </Box>
    );
}
