import React from "react";

const Loader = () => {
  return (
    <div
      className="d-flex justify-content-center align-items-center"
      style={{ height: "50vh" }}
    >
      <div className="sk-wave">
        <div className="sk-wave-rect"></div>
        <div className="sk-wave-rect"></div>
        <div className="sk-wave-rect"></div>
        <div className="sk-wave-rect"></div>
        <div className="sk-wave-rect"></div>
      </div>
    </div>
  );
};

export default Loader;


export const SpinnerLoader = ()=>{
  return (
      <div className="text-center">
              <div className="spinner-border text-primary mb-3" role="status">
                <span className="visually-hidden">Loading...</span>
              </div>
              <p className="text-secondary mb-0">Loading attendance data...</p>
            </div>
  )
}