import React from 'react';
import { Link } from 'react-router-dom';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemText from '@mui/material/ListItemText';

function ItemList({ url, text }) {
  return (
    <ListItem disablePadding>
      <ListItemButton component={Link} to={url}>
        <ListItemText primary={text} />
      </ListItemButton>
    </ListItem>
  )
}

export default ItemList;