import React from "react";
import { IoChevronBackSharp } from "react-icons/io5";
const Pagination = () => {
  return (
    <>
      <div className="flex items-center justify-between border-y py-2 mx-3 ">
        <div className="flex">
          <p className="text-slate-500 text-sm">Showing 1 to 10 of 22</p>n
        </div>
        <div className="flex items-center justify-center mx-auto">
          <a href="">
            <IoChevronBackSharp className="text-black"/>
          </a>
          <p className="mx-5 text-md  text-slate-500">1 of 10</p>
          <a href="">
            <IoChevronBackSharp className="rotate-180" />
          </a>
        </div>
      </div>
    </>
  )
}

export default Pagination