Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import colors from '@styles/colors'

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': {

    backgroundColor: colors.main

  }

}))

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}

    />

  )

}

export default Pagination