// eslint-disable-next-line @typescript-eslint/no-unused-vars
import React from 'react';
// import styled from 'styled-components';
// import Pagination from '../lib/Pagination/Pagination ';
//
// const Wrap = styled.div`
//   position: relative;
//   display: flex;
//   gap: 50px;
//   flex-direction: column;
// `;
//
// const Home: React.FC = () => {
//   const fn = (currentPage: number, start: number, end: number) => {
//     console.log(start, end);
//   };
//   return (
//     <Wrap>
//       <Pagination callback={fn} defaultPage={1} totalSrc={10} perPage={5} />{' '}
//       <Pagination callback={fn} defaultPage={50} totalSrc={500} perPage={5} />{' '}
//       <Pagination callback={fn} defaultPage={1} totalSrc={500} perPage={5} />{' '}
//       <Pagination callback={fn} defaultPage={1} totalSrc={100} perPage={5} moreTool statistic />
//       <Pagination callback={fn} defaultPage={1} totalSrc={500} perPage={5} goTool />
//       <Pagination callback={fn} defaultPage={1} totalSrc={500} perPage={5} goTool moreTool />
//       <Pagination
//         callback={fn}
//         defaultPage={1}
//         totalSrc={500}
//         perPage={5}
//         goTool
//         moreTool
//         statistic
//       />
//     </Wrap>
//   );
// };
//
// export default Home;