import { CurrentUserMark, Mark } from '../../types/mark.ts' import styles from './style.module.scss' import { Box, Button, TextField } from '@mui/material' interface MarkFormFieldProps { handleSubmit: (event: any) => void handleChange: (event: any) => void currentMark: CurrentUserMark currentMarkValue: string } const MarkFormField = (props: MarkFormFieldProps) => { const { handleSubmit, handleChange, currentMark, currentMarkValue } = props; const getSubmitButton = () => currentMark.isLast ? 'Complete' : 'Next'; return (