import styled, { css } from 'styled-components';
import { Pagination } from 'react-bootstrap';

const PaginationStyled = styled(Pagination)`
  ${({ theme: { blue, blue4 } }) => css`
    .page-link {
      color: ${blue};
    }

    .page-item.active .page-link {
      background-color: ${blue};
      border-color: ${blue};
    }

    .page-item.disabled .page-link {
      color: ${blue4};
    }
  `}
`;

export default PaginationStyled;