@gechiui/components/build-module/guide/page-control.js

UI components for GeChiUI.

import { createElement } from "@gechiui/element";

/**
 * External dependencies
 */
import { times } from 'lodash';
/**
 * GeChiUI dependencies
 */

import { __, sprintf } from '@gechiui/i18n';
/**
 * Internal dependencies
 */

import Button from '../button';
import { PageControlIcon } from './icons';
export default function PageControl(_ref) {
  let {
    currentPage,
    numberOfPages,
    setCurrentPage
  } = _ref;
  return createElement("ul", {
    className: "components-guide__page-control",
    "aria-label": __('指南控制')
  }, times(numberOfPages, page => createElement("li", {
    key: page // Set aria-current="step" on the active page, see https://www.w3.org/TR/wai-aria-1.1/#aria-current
    ,
    "aria-current": page === currentPage ? 'step' : undefined
  }, createElement(Button, {
    key: page,
    icon: createElement(PageControlIcon, {
      isSelected: page === currentPage
    }),
    "aria-label": sprintf(
    /* translators: 1: current page number 2: total number of pages */
    __('第%1$d页，共%2$d页'), page + 1, numberOfPages),
    onClick: () => setCurrentPage(page)
  }))));
}
//# sourceMappingURL=page-control.js.map