40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
|
import List from '@mui/material/List';
|
||
|
|
import ListItem from '@mui/material/ListItem';
|
||
|
|
import ListItemText from '@mui/material/ListItemText';
|
||
|
|
import ListItemAvatar from '@mui/material/ListItemAvatar';
|
||
|
|
import Avatar from '@mui/material/Avatar';
|
||
|
|
import ImageIcon from '@mui/icons-material/Image';
|
||
|
|
import WorkIcon from '@mui/icons-material/Work';
|
||
|
|
import BeachAccessIcon from '@mui/icons-material/BeachAccess';
|
||
|
|
|
||
|
|
export default function FolderList() {
|
||
|
|
return (
|
||
|
|
<List sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}>
|
||
|
|
<ListItem>
|
||
|
|
<ListItemAvatar>
|
||
|
|
<Avatar>
|
||
|
|
<ImageIcon />
|
||
|
|
</Avatar>
|
||
|
|
</ListItemAvatar>
|
||
|
|
<ListItemText primary="Photos" secondary="Jan 9, 2014" />
|
||
|
|
</ListItem>
|
||
|
|
<ListItem>
|
||
|
|
<ListItemAvatar>
|
||
|
|
<Avatar>
|
||
|
|
<WorkIcon />
|
||
|
|
</Avatar>
|
||
|
|
</ListItemAvatar>
|
||
|
|
<ListItemText primary="Work" secondary="Jan 7, 2014" />
|
||
|
|
</ListItem>
|
||
|
|
<ListItem>
|
||
|
|
<ListItemAvatar>
|
||
|
|
<Avatar>
|
||
|
|
<BeachAccessIcon />
|
||
|
|
</Avatar>
|
||
|
|
</ListItemAvatar>
|
||
|
|
<ListItemText primary="Vacation" secondary="July 20, 2014" />
|
||
|
|
</ListItem>
|
||
|
|
</List>
|
||
|
|
);
|
||
|
|
}
|