import { ArrowUp, ArrowDown } from "../../icons/arrow";

const WBRepeaterOrderControl = ({index, onChangeOrder}) => {

    return (
        <div className="wb-input-repeater-row-order">
            <div className="wb-input-repeater-row-up" onClick={() => onChangeOrder(index, 'up')}>
                <ArrowUp />
            </div>
            <div className="wb-input-repeater-row-down" onClick={() => onChangeOrder(index, 'down')}>
                <ArrowDown />
            </div>
        </div>
    );
  
};
export default WBRepeaterOrderControl;