text: import React, {useState} from "react";
  import Button from '@mui/material/Button';
  import { BookSharp } from "@material-ui/icons";
  // import DeleteIcon from '@mui/icons-material/Delete';
  import List from '../BookShelf/BookShelf';
  
  export default function ItemDelete({deletedBooks}) {
      console.log(deletedBooks);
  const {deletedBook,setDeletedBook} = useState(deletedBooks);
          delete(item){
              const data = this.state.data.filter(i => i.id !== item.id)
              setDeletedBook({data:deleteBook})
          }
       return (
           <Button variant="outlined"
            color="error" 
          //   startIcon={<DeleteIcon />}
       onClick={() => {
      
       }}>
           Delete
           </Button>
       )
  
   };