import { createVNode } from 'vue';
import { RightOutlined, LeftOutlined } from '@ant-design/icons-vue';
import { Button } from '../../button/index.mjs';

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

export { Operation as default };
//# sourceMappingURL=operation.mjs.map
