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

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

  min-width: 32px;
  height: 32px;

  &.${constants_1.paginationItemClassnames.disabled} {
    color: ${({ theme }) => theme.palette.grey['500']};
  }
`;
exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
  min-width: 32px;
  padding: 0;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    &.${constants_1.paginationItemClassnames.previousButton},
    &.${constants_1.paginationItemClassnames.nextButton} {
      padding: ${({ theme }) => theme.spacing(2)};
    }

    &.${constants_1.paginationItemClassnames.pageButton} {
      padding: ${({ theme }) => theme.spacing(2, 3)};
    }
  }
`;
