/**
 * @@todo @!fixme @invalid @sadiq @styles @important
 */
import * as PaginationPreset from '@skava/ui-presets/dist/presets/Pagination';
import { styled } from 'styleh-components';
const { CountSection } = PaginationPreset;
const Pagination = styled(PaginationPreset.Pagination) `
  justify-content: center;
  ${CountSection} {
    align-items: center;
  }
  svg {
    display: flex;
    align-items: center;
  }
  .click-boundary.select-dropdown-wrap {
    width: 48px;
    border-radius: 0.25rem;
    margin-top: 0;
  }
  .select-dropdown-wrap {
    width: 48px;
    .dropdown-parent {
      padding: 0 0.375rem;
      margin-top: 0rem;
      span,
      i {
        min-height: rem(10);
        font-weight: 500;
      }
    }
    .select-dropdown-list {
      position: relative;
      border: 0;
      width: calc(100% + 2px);
      left: -1px;
      top: -2px;

      span {
        color: #fff;
      }
    }
  }
  div[data-qa='qa-page-number-text'] div:nth-child(3) {
    padding: 0 8px;
  }
  div[data-qa='qa-page-number-text'] div:nth-child(4) {
    padding-right: 8px;
  }
`;
// mutating imports - may be a problem
PaginationPreset.Pagination = Pagination;
export { PaginationPreset, Pagination };
//# sourceMappingURL=pagination.js.map