"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PaginationWrapper = exports.PageItem = void 0;
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
const constants_1 = require("./constants");
exports.PageItem = (0, styled_1.styled)(Typography_1.Typography) `
  user-select: none;

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

  width: 32px;
  height: 32px;

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

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

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

    width: 100%;
  }
`;
