"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const styleh_components_1 = require("styleh-components");

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const DarkSelectDropDown_1 = require("../DarkSelectDropDown");

const Text_1 = tslib_1.__importDefault(require("@skava/ui/dist/components/atoms/Text"));
/**
 * PaginationWrapper
 */


const PaginationWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-pagination-wrapper'
})`display:flex;align-items:center;`;
exports.PaginationWrapper = PaginationWrapper;
/**
 * Page info label
 * Ex: Page 1 of 12
 */

const PageCountText = styleh_components_1.styled(Text_1.default)`line-height:2.8125rem;`;
exports.PageCountText = PageCountText;
/**
 * Pagination Button extending the Button Component
 */

const PaginationButton = styleh_components_1.styled(Button_1.Button)`background-color:transparent;border:none;outline:0;svg{cursor:pointer;}${props => props.isDisabled === true && styleh_components_1.styled.css`opacity:0.5;svg{cursor:not-allowed;}`}`;
const LeftPaginationButton = styleh_components_1.styled(PaginationButton).attrs({
  'data-qa': 'qa-prev-trigger'
})`padding:0.625rem 0.1875rem;`;
exports.LeftPaginationButton = LeftPaginationButton;
const RightPaginationButton = styleh_components_1.styled(PaginationButton).attrs({
  'data-qa': 'qa-next-trigger'
})`padding:0.625rem 0.1875rem;`;
exports.RightPaginationButton = RightPaginationButton;
/**
 * Select Dropdown for page item limit selection
 */

const PaginationDropDown = styleh_components_1.styled(DarkSelectDropDown_1.DarkSelectDropDown)`span{font-size:1rem;}margin-right:0.3125rem;.disable-option{:hover{background:#b5bccc;.text{color:#9c9494;}}}`;
exports.PaginationDropDown = PaginationDropDown;
const CountSection = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-page-number-text'
})`display:flex;font:400 1.125rem "Roboto",Arial,Helvetica,sans-serif;font-weight:500;color:var(--color-black);padding-left:0.375rem;`;
exports.CountSection = CountSection;
const StyledPrimaryCount = styleh_components_1.styled.input.attrs({
  type: 'number',
  className: 'count-input',
  'data-qa': 'qa-page-number-input'
})`border:0;outline:0;border:solid 1px var(--color-light-grey);border-radius:0.25rem;width:1.5rem;text-align:center;font-size:1rem;margin:0 0.5rem;&::-webkit-inner-spin-button{display:none;}`;
exports.StyledPrimaryCount = StyledPrimaryCount;
const PrimaryText = Text_1.default;
exports.PrimaryText = PrimaryText;
const SecondaryText = Text_1.default;
exports.SecondaryText = SecondaryText;
const StyledSecondaryCount = styleh_components_1.styled(Text_1.default)`padding:0 0.375rem;`;
exports.StyledSecondaryCount = StyledSecondaryCount;