uso el paquete react-paginate y para diseñar, uso componentes con estilo en los documentos de react-paginate, dice que para darle al contenedor una clase, debo usar la propiedad className para CSS en bibliotecas js como componentes con estilo y para CSS normal debería use containerClassName Utilicé ambos pero ninguno funcionó para componentes con estilo, el problema es que está obteniendo la clase, es decir, la clase .container pero los estilos no aplicarán las otras clases como .active funciona, pero es solo el .container que no está obteniendo el estilos aquí está el código
import ReactPaginate from "react-paginate"; import styled from "styled-components"; const StyledReactPaginate = styled(ReactPaginate)` a { cursor: pointer; } .active { background: lime; } .container{ display: flex; } `; const Pagination = (props) => { return ( <StyledReactPaginate previousLabel={props.previousLabel} nextLabel={props.nextLabel} pageCount={props.pageCount} onPageChange={props.onPageChange} activeClassName={"active"} className={"container"} /> ); }; export default Pagination;