'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var iconsVue = require('@ant-design/icons-vue');
var index = require('../../button/index.cjs');

function noop() {
}
const Operation = (props) => {
  const {
    disabled,
    moveToLeft = noop,
    moveToRight = noop,
    leftArrowText = "",
    rightArrowText = "",
    leftActive,
    rightActive,
    class: className,
    style,
    direction,
    oneWay
  } = props;
  return vue.createVNode("div", {
    "class": className,
    "style": style
  }, [vue.createVNode(index.Button, {
    "type": "primary",
    "size": "small",
    "disabled": disabled || !rightActive,
    "onClick": moveToRight,
    "icon": direction !== "rtl" ? vue.createVNode(iconsVue.RightOutlined, null, null) : vue.createVNode(iconsVue.LeftOutlined, null, null)
  }, {
    default: () => [rightArrowText]
  }), !oneWay && vue.createVNode(index.Button, {
    "type": "primary",
    "size": "small",
    "disabled": disabled || !leftActive,
    "onClick": moveToLeft,
    "icon": direction !== "rtl" ? vue.createVNode(iconsVue.LeftOutlined, null, null) : vue.createVNode(iconsVue.RightOutlined, null, null)
  }, {
    default: () => [leftArrowText]
  })]);
};
Operation.displayName = "Operation";
Operation.inheritAttrs = false;

exports.default = Operation;
//# sourceMappingURL=operation.cjs.map
