import styled from 'styled-components';

export const PaginationWrapper = styled.div`
	.parent{
		color: #757575;
		display: flex;
		justify-content : space-between;
	    padding: 8px;
	    margin: 0px auto;
	    width : 220px;
	    .pageInfo{
	    	display : flex;
	    	justify-self: flex-start;
	    	align-items: center;
	    	line-height: 30px;
	    	.pageNo{
	    		margin-left : 5px;
	    		height : 25px;
	    		width : 25px;
	    	}
	    }
    	.navButton{
    		justify-self : flex-end;
	    	margin: 0px 3px;
    		height: 30px;
		    width: 30px;
		    display: flex;
		    background: #ffffff;
		    border: 1px solid #e5e5e5;
    		justify-content: center;
			align-items: center;
			.material-icons{
				cursor : pointer;
			}
    	}
	}
`;