import React from "react";

const BuyBook = ({ height = 425 }) => {
  return (
    <div>
      <div className="">
        <div
          className="dataTables_scrollBody position-relative overflow-hidden w-full"
          style={{
            height: `${height}px`,
          }}
        >
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <div className="progress-green w-0" />
          <table
            id="exchangeAllSellOrders"
            className="table dataTable no-footer w-full"
            role="grid"
          >
            <thead></thead>
            <tbody>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="greenText">26449.10000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">2.676812</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">70799.27</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26444.90000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">1.64009</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">43372.02</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>{" "}
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>{" "}
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26443.80000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.75411</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">19941.53</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26440.60000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.04822</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">1274.97</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26439.50000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.967037</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">25567.97</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26436.30000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.288909</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">7637.68</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26435.30000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.864887</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">22863.55</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26431.10000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">4.964277</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">131211.30</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26428.90000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">1.455099</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">38456.67</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26427.90000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">0.021309</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">563.15</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">26100.60000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">54.80149509</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">1430351.90</span>
                  </div>
                </td>
              </tr>
              <tr className="odd trade_tableList_two">
                <td>
                  <div className="asset">
                    <span className="text-success">25540.60000000</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">15.32190292</span>
                  </div>
                </td>
                <td>
                  <div className="asset">
                    <span className="asset-name">391330.59</span>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  );
};

export default BuyBook;
