text: import React, { Component } from 'react'
  import { Link } from 'react-router-dom'
  
  export default class WaitingBorrow extends Component {
      render() {
          return (
              <div className="w-9/12 ml-80 bg-white -mt-6">
                  <section className="text-gray-600 body-font">
                      <span className="inline-block font-semibold text-2xl text-gray-700 ml-12 lg:ml-12 md:ml-12 sm:ml-8 pb-2 mt-3">Your Books</span>
                      <div className="container px-5 py-12 mx-auto">
                          <div className="flex flex-wrap -m-4">
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="text-base font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="title-font font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="title-font font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="title-font font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="title-font font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div className="p-4 lg:w-1/3">
                                  <div className="h-full flex sm:flex-row flex-col items-center sm:justify-start justify-center text-center sm:text-left">
                                      <Link to="/Desc">
                                          <img alt="team" className="flex-shrink-0 rounded-lg w-32 h-36 object-cover object-center sm:mb-0 mb-4" src="https://res.cloudinary.com/zada/image/upload/v1614239364/image_12_scwwtk.png" />
                                      </Link>
                                      <div className="flex-grow sm:pl-8">
                                          <h2 className="title-font font-bold text-gray-700">Jak Of The bushveld</h2>
                                          <h3 className="text-gray-500 mb-3">Marius Oelsching</h3>
                                          <div className="flex mb-4 mt-2">
                                              <h3 className="text-red-600 mb-3">Waiting Confirm</h3>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </section>
              </div>
          )
      }
  }
  