olivegroup-gamified1/components/NoDataAvailable.js

sample des

import React, { Component } from 'react';

class NoDataAvailable extends Component {
  state = {};
  render() {
    return (
      <>
        <div className="d-flex justify-content-center align-items-center h-100">
          <div href="#" className="no-data-available">
            <figure className="figure text-center">
              {/* <svg
                        width="101"
                        height="100"
                        viewBox="0 0 101 100"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M47.57 14.844h5.86c.52 0 .78.26.78.781v68.75c0 .52-.26.781-.78.781h-5.86c-.52 0-.78-.26-.78-.781v-68.75c0-.52.26-.781.78-.781z"
                          fill="#A3A6AC"
                        />
                        <path
                          d="M17.688 46.29h65.624c.521 0 .782.26.782.78v5.86c0 .52-.26.78-.781.78H17.686c-.52 0-.78-.26-.78-.78v-5.86c0-.52.26-.78.78-.78z"
                          fill="#A3A6AC"
                        />
                      </svg> */}

              <figcaption className="figure-caption text-center">
                No Data Available
              </figcaption>
            </figure>
          </div>
        </div>
      </>
    );
  }
}

export default NoDataAvailable;