import { jsx } from 'react/jsx-runtime';
import classNames from '../../../_virtual/index.js';
import MenuOption from '../../MenuOption/MenuOption.js';
import { useRef } from 'react';

const ArrowsButton = ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, menuOptionZIndex, }) => {
    const getIconName = () => {
        return `arrows_${direction}_icon`;
    };
    const menuOptionRef = useRef(null);
    const isAddResourceButton = true;
    return (jsx("div", { children: jsx("button", { className: classNames('ff-arrow-button', `ff-arrow-button--${direction}`), onClick: onArrowClick, children: jsx("span", { ref: menuOptionRef, children: jsx(MenuOption, { iconName: getIconName(), options: menuOptions, dropdownPlacement: direction, iconSize: 12, iconButtonSize: 24, iconButtonBorderRadius: 3, onOptionClick: onMenuOptionClick, treeRowRef: treeRowRef, zIndex: menuOptionZIndex, isAddResourceButton: isAddResourceButton }) }) }) }));
};

export { ArrowsButton as default };
//# sourceMappingURL=ArrowsButton.js.map
