import { jsx as _jsx } from "react/jsx-runtime";
import classNames from 'classnames';
import './ArrowsButton.scss';
import MenuOption from '../../MenuOption/MenuOption';
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 default ArrowsButton;
//# sourceMappingURL=ArrowsButton.js.map