import { Box, TextField } from '@mui/material';
import { IRegisterProps } from '@/components/layout/landing-layout/header/components/IRegisterModal';


export const IRegisterFirstStep = ({ formDataChanging, formData, dataErrors }: IRegisterProps) => {
    return (
        <Box display={'flex'} flexDirection={'column'} gap={3}>
            <TextField
                error={dataErrors.first_name}
                label='Ism'
                variant='outlined'
                fullWidth
                value={formData.first_name}
                onChange={e => formDataChanging({ key: 'first_name', value: e.target.value })}
            />
            <TextField
                error={dataErrors.last_name}
                label='Familiya'
                variant='outlined'
                fullWidth
                value={formData.last_name}
                onChange={e => formDataChanging({ key: 'last_name', value: e.target.value })}
            />
            <TextField
                error={dataErrors.birth_date}
                label="Tug'ilgan sana"
                type='date'
                fullWidth
                InputLabelProps={{ shrink: true }}
                value={formData.birth_date}
                onChange={e => formDataChanging({ key: 'birth_date', value: e.target.value })}
            />
        </Box>
    );
};
