import React from 'react';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import InboxIcon from '@material-ui/icons/MoveToInbox';
import DraftsIcon from '@material-ui/icons/Drafts';
import StarIcon from '@material-ui/icons/Star';
import SendIcon from '@material-ui/icons/Send';

function ListItemLink(props) {
    return <ListItem button component="a" {...props} />;
}

export const gitItems = (
    <div>
        <ListItemLink button component="a" href="/">
            <ListItemIcon>
                <InboxIcon />
            </ListItemIcon>
            <ListItemText primary="GitUser" />
        </ListItemLink>
        <ListItemLink button component="a" href="/get-qux">
            <ListItemIcon>
                <SendIcon />
            </ListItemIcon>
            <ListItemText primary="Get Qux" />
        </ListItemLink>
    </div>
);

export const demoItems = (
    <div>
        <ListItemLink button component="a" href="/api-foo">
            <ListItemIcon>
                <DraftsIcon />
            </ListItemIcon>
            <ListItemText primary="API Foo" />
        </ListItemLink>
    </div>
);