import Iconify from "@/components/Iconify";
import { ArrowBackIosNew, InsertDriveFile } from '@mui/icons-material';
import { Stack, Typography } from "@mui/material";

type Props = {
    file: any,
    handleRemoveFileProp: () => void,
}

export default function FormCreateFilesUpload({ file, handleRemoveFileProp }: Props) {
    return (
        <Stack direction="row" justifyContent={'space-between'} sx={{ mb: '16px' }}>
            <Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
                <InsertDriveFile />
                <Typography variant="body2" gutterBottom>{file.name ? file.name : '-'}</Typography>
            </Stack>
            <Iconify
                icon="eva:trash-2-outline"
                color={'darkred'}
                onClick={() => {handleRemoveFileProp()}}
                sx={{cursor: 'pointer'}}
            ></Iconify>
        </Stack>
    )
}