import { styled } from '../styled';
import { Typography } from '../Typography';
import { minimalisticPaginationClassnames } from './constants';
export const PageItem = styled(Typography) `
  user-select: none;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;

  font-weight: ${({ theme }) => theme.typography.fontWeightMedium};
`;
export const PaginationWrapper = styled.nav `
  display: flex;
  align-items: center;

  &.${minimalisticPaginationClassnames.disabled} {
    opacity: 0.3;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    justify-content: flex-end;

    width: 100%;
  }
`;
