@heycar-uikit/core/pagination/modern/docs/Canvas.js

The React UI library from HeyCar

import React from 'react';
import { DEFAULT_LOCALE } from '../locale/defaultLocale.js';
import { Pagination } from '../Pagination.js';
import 'classnames';
import 'uuid';
import '../Pagination.types-7a359c42.js';
import '../PaginationItem-215b7d05.js';
import '../../../icons/modern';
import '../../../typography/modern';
import '../hooks/usePagination.hook.js';
import '../utils/getSiblingsToRender.js';
import '../utils/parseOnClick.js';
import '../hooks/useBreakpoint.hook.js';

const PaginationCanvas = ({ pageLabel, gotoLabel, prevPageLabel, nextPageLabel, ...rest }) => {
    const locale = {
        page: pageLabel || DEFAULT_LOCALE.page,
        goto: gotoLabel || DEFAULT_LOCALE.goto,
        prevPage: prevPageLabel || DEFAULT_LOCALE.prevPage,
        nextPage: nextPageLabel || DEFAULT_LOCALE.nextPage,
    };
    return (React.createElement("div", { style: { maxWidth: '700px', margin: '0 auto' } },
        React.createElement(Pagination, { ...rest, locale: locale })));
};

export { PaginationCanvas };