"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Button_1 = require("atoms/Button");
const LeftArrow_1 = require("atoms/Icons/ArrowIcon/_directions/LeftArrow");
const RightArrow_1 = require("atoms/Icons/ArrowIcon/_directions/RightArrow");
const DarkSelectDropDown_1 = require("presets/DarkSelectDropDown");
const SelectDropDown_1 = require("molecules/SelectDropDown");
const Text_1 = __importDefault(require("atoms/Text"));
/**
 * PaginationWrapper
 */
const PaginationWrapper = view_container_1.styled.div.attrs({
    'data-qa': 'qa-pagination-wrapper',
}) `
  display: flex;
  align-items: baseline;
`;
exports.PaginationWrapper = PaginationWrapper;
/**
 * Page info label
 * Ex: Page 1 of 12
 */
const PageCountText = view_container_1.styled.withComponent(Text_1.default) `
  line-height: rem(45);
`;
exports.PageCountText = PageCountText;
/**
 * ARROWS - left arrow
 */
const LeftArrowIcon = view_container_1.styled.withComponent(LeftArrow_1.LeftArrow) `
  width: rem(10);
`;
exports.LeftArrowIcon = LeftArrowIcon;
/**
 * ARROWS - right arrow
 */
const RightArrowIcon = view_container_1.styled.withComponent(RightArrow_1.RightArrow) `
  width: rem(10);
`;
exports.RightArrowIcon = RightArrowIcon;
/**
 * Pagination Button extending the Button Component
 */
const PaginationButton = view_container_1.styled.withComponent(Button_1.Button) `
  background-color: transparent;
  border: none;
  outline: 0;

  ${props => props.isDisabled === true &&
    view_container_1.styled.css `
      opacity: 0.5;
      pointer-events: none;
    `}
`;
const LeftPaginationButton = view_container_1.styled.withComponent(PaginationButton).attrs({
    'data-qa': 'qa-prev-trigger',
}) `
  padding: rem(10) rem(3);
`;
exports.LeftPaginationButton = LeftPaginationButton;
const RightPaginationButton = view_container_1.styled.withComponent(PaginationButton).attrs({
    'data-qa': 'qa-next-trigger',
}) `
  padding: rem(10) rem(3);
`;
exports.RightPaginationButton = RightPaginationButton;
/**
 * Select Dropdown for page item limit selection
 */
const PaginationDropDown = view_container_1.styled.withComponent(DarkSelectDropDown_1.DarkSelectDropDown) `
  ${SelectDropDown_1.OptionListWrapper} {
    ${SelectDropDown_1.StyledOption} {
      padding: 0 rem(6);
      font-size: rem(16);
    }
  }

  span {
    font-size: rem(16);
  }

  width: rem(48);
  margin-right: rem(5);

  ${SelectDropDown_1.StyledSelect} {
    height: rem(28);
    padding: 0 rem(6);

    svg {
      width: rem(10);
    }
  }
`;
exports.PaginationDropDown = PaginationDropDown;
const CountSection = view_container_1.styled.div.attrs({
    'data-qa': 'qa-page-number-text',
}) `
  display: flex;
  font: $font-regular-default;
  font-weight: 500;
  color: #2c2c2c;
  padding-left: rem(6);
`;
exports.CountSection = CountSection;
const StyledPrimaryCount = view_container_1.styled.input.attrs({
    'type': 'number',
    'className': 'count-input',
    'data-qa': 'qa-page-number-input',
}) `
  border: 0;
  outline: 0;
  border: solid 1px #A6AFC1;
  border-radius: rem(4);
  width: 1.5rem;
  text-align: center;
  font-size: rem(16);
  margin: 0 rem(8);

  &::-webkit-inner-spin-button {
    display: none;
  }
`;
exports.StyledPrimaryCount = StyledPrimaryCount;
const PrimaryText = view_container_1.styled.withComponent(Text_1.default) `
`;
exports.PrimaryText = PrimaryText;
const SecondaryText = view_container_1.styled.withComponent(Text_1.default) `
`;
exports.SecondaryText = SecondaryText;
const StyledSecondaryCount = view_container_1.styled.withComponent(Text_1.default) `
  padding: 0 rem(6);
`;
exports.StyledSecondaryCount = StyledSecondaryCount;
//# sourceMappingURL=styled.js.map