"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = __importStar(require("react"));
const ArrowIcon_1 = require("atoms/Icons/ArrowIcon/");
const styled_1 = require("./styled");
function defaultRenderArrows(props, state) {
    const { isFirst, isLast, nextPage, previousPage } = state;
    const { isMobile, offColor, onColor } = props;
    return (React.createElement(React.Fragment, null,
        React.createElement(styled_1.PreviousButton, { isDisabled: isFirst, onClick: previousPage },
            React.createElement(ArrowIcon_1.ArrowIcon, { left: "true", fill: isFirst ? offColor : onColor })),
        React.createElement(styled_1.NextButton, { isDisabled: isLast, isMobile: isMobile, onClick: nextPage },
            React.createElement(ArrowIcon_1.ArrowIcon, { right: "true", fill: isLast ? offColor : onColor }))));
}
exports.defaultRenderArrows = defaultRenderArrows;
function defaultRenderLimit(props, state, handleSize) {
    const { size, sizes } = state;
    const { isMobile, renderOption } = props;
    const selectSize = (React.createElement(styled_1.Select, { onChange: handleSize, value: size }, sizes.map(renderOption)));
    return (isMobile || sizes.length == 0
        ? null
        : (React.createElement(styled_1.SelectBox, null,
            React.createElement(styled_1.TextWrapper, null,
                React.createElement(styled_1.PreText, null, "Viewing"),
                selectSize))));
}
exports.defaultRenderLimit = defaultRenderLimit;
function defaultRenderSelector(props, state, handlePage) {
    const { options, maxValue, value } = state;
    const { renderOption } = props;
    const selectPage = (React.createElement(styled_1.Select, { onChange: handlePage, value: value }, options.map(renderOption)));
    return (React.createElement(styled_1.TextWrapper, null,
        React.createElement(styled_1.PreText, null, "Page"),
        selectPage,
        React.createElement(styled_1.PostText, null, `of ${maxValue}`)));
}
exports.defaultRenderSelector = defaultRenderSelector;
function defaultRenderOption(page, index) {
    return (React.createElement("option", { key: page, value: page }, page));
}
exports.defaultRenderOption = defaultRenderOption;
//# sourceMappingURL=renderProps.js.map