@cainiaofe/cn-ui-m
Version:
13 lines (12 loc) • 1.03 kB
JavaScript
import React from 'react';
import { CnButton } from '../cn-button';
import { CnIcon } from '../cn-icon';
function SliderArrow(props) {
var className = props.className, loop = props.loop, _a = props.current, current = _a === void 0 ? -1 : _a, total = props.total, swipeNext = props.swipeNext, swipePrev = props.swipePrev;
return (React.createElement("div", { className: "".concat(className || '', " cn-ui-m-slider-arrow") },
React.createElement(CnButton, { className: "arrow-icon arrow-left", disabled: loop ? false : current === 0, onClick: function () { return swipePrev(); } },
React.createElement(CnIcon, { className: "icon-arrow-left", type: "icon-arrow-left", size: "xl" })),
React.createElement(CnButton, { className: "arrow-icon arrow-right", disabled: loop ? false : current + 1 === total, onClick: function () { return swipeNext(); } },
React.createElement(CnIcon, { className: "icon-arrow-right", type: "icon-arrow-right", size: "xl" }))));
}
export default SliderArrow;