import React from 'react';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import GroupIcon from '@material-ui/icons/Group';
import CircularProgress from '@material-ui/core/CircularProgress';

import { LoadingArtistDisplayItem } from '../types/DisplayItem';

export interface IProps {
    item: LoadingArtistDisplayItem
}

export default function ItemListLoadingArtistItem(props: IProps) {
    return (
        <ListItem>
            <ListItemIcon>
                <GroupIcon />
            </ListItemIcon>
            <CircularProgress size={24}/>
        </ListItem>
    );
}
