39 lines
1.0 KiB
TypeScript
Executable File
39 lines
1.0 KiB
TypeScript
Executable File
// @mui
|
|
import { Box, Typography, Stack } from '@mui/material';
|
|
// assets
|
|
import { UploadIllustration } from '../../assets';
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
export default function BlockContent() {
|
|
return (
|
|
<Stack
|
|
spacing={2}
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
direction={{ xs: 'column', md: 'row' }}
|
|
sx={{ width: 1, textAlign: { xs: 'center', md: 'left' } }}
|
|
>
|
|
<UploadIllustration sx={{ width: 220 }} />
|
|
|
|
<Box sx={{ p: 3 }}>
|
|
<Typography gutterBottom variant="h5">
|
|
Drop or Select file
|
|
</Typography>
|
|
|
|
<Typography variant="body2" sx={{ color: 'text.secondary' }}>
|
|
Drop files here or click
|
|
<Typography
|
|
variant="body2"
|
|
component="span"
|
|
sx={{ color: 'primary.main', textDecoration: 'underline' }}
|
|
>
|
|
browse
|
|
</Typography>
|
|
thorough your machine
|
|
</Typography>
|
|
</Box>
|
|
</Stack>
|
|
);
|
|
}
|