progress 2 feature/dashboard-create-claim-request

frontend/dashboard/src/pages/ClaimRequests/Components/FormCreateFilesUpload.tsx

@@ -0,0 +1,25 @@
+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>
+    )
+}