// import {
//   useColumns,

// } from ".";

import { SlArrowLeft, SlArrowRight } from "react-icons/sl";

const App: React.FC = () => {
  return (
    <div className="DataTableWHeader">
      <header>
        {" "}
        <SlArrowRight /> محصلة التسميعات الدورية والمذاكرت والامتحانات بنسبة
        مئوية <SlArrowLeft />{" "}
      </header>

      <footer>
        <span>النسبة المئوية العامة لنسبة الطلاب</span>
        <div> % </div>
      </footer>
    </div>
  );
};

export default App;
