26 lines
986 B
JavaScript
26 lines
986 B
JavaScript
import * as React from 'react';
|
|
import classnames from 'classnames';
|
|
import { Icon, Button } from '@zhst/meta';
|
|
import "./index.less";
|
|
var componentName = "zhst-image__nav";
|
|
var Navigation = function Navigation(props) {
|
|
var show = props.show,
|
|
prev = props.prev,
|
|
next = props.next,
|
|
disabled = props.disabled,
|
|
onClick = props.onClick,
|
|
className = props.className,
|
|
color = props.color;
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: classnames("".concat(componentName), prev && "".concat(componentName, "-prev"), next && "".concat(componentName, "-next"), disabled && "".concat(componentName, "--disable"), !show && "".concat(componentName, "--hide"), className)
|
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
type: "text",
|
|
disabled: disabled,
|
|
onClick: onClick
|
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
size: 28,
|
|
color: color,
|
|
icon: prev ? 'icon-qiehuanzuo' : 'icon-qiehuanyou'
|
|
})));
|
|
};
|
|
export default Navigation; |