Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { Pagination as MuiPagination, styled } from '@mui/material'

const StyledPagination = styled(MuiPagination)(({ theme }) => ({
  padding: theme.spacing(0, 1),
  '.MuiPagination-ul': {
    width: '100%',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'space-around',
    gap: theme.spacing(0.5)
  },
  '.MuiPaginationItem-root': {
    borderRadius: '65%',
    height: '30px',
    width: '30px'
  }
}))

const Pagination = ({ pages = 1, page = 1, onChange = () => {} }) => {
  const currentPage = Number(page) || 1

  const handleChange = (event, value) => onChange(value)

  if (pages <= 1) {
    return null
  }

  return (
    <StyledPagination
      count={pages}
      page={currentPage}
      onChange={handleChange}
      variant='outlined'
      color='secondary'
    />
  )
}

export default Pagination