/**
 * MenuActionButton Component
 *
 * Compact button for constructor menu actions.
 * Used in ConstructorMenu for adding elements, backgrounds, etc.
 */

import React from 'react';
import BaseIcon from '../BaseIcon';

interface MenuActionButtonProps {
  icon: string;
  label: string;
  onClick: () => void;
  disabled?: boolean;
  className?: string;
}

const MenuActionButton: React.FC<MenuActionButtonProps> = ({
  icon,
  label,
  onClick,
  disabled = false,
  className = '',
}) => {
  return (
    <button
      type='button'
      className={`menu-action-btn ${className}`}
      onClick={onClick}
      disabled={disabled}
    >
      <BaseIcon path={icon} size={16} />
      <span>{label}</span>
    </button>
  );
};

export default MenuActionButton;